Added pages till sales
This commit is contained in:
codebox283
parent
ec9e9701cc
commit
8e4f57ddd0
53
app/analytics-dashboard/page.tsx
Normal file
53
app/analytics-dashboard/page.tsx
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import Navbar from '@/components/Navbar/navbar';
|
||||||
|
import { Sparkles, Rocket, Clock } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function AnalyticsDashboard() {
|
||||||
|
return (
|
||||||
|
<div className="min-h-screen bg-gradient-to-br from-indigo-50 to-purple-50 flex items-center justify-center">
|
||||||
|
{/* Coming Soon Message */}
|
||||||
|
<Navbar />
|
||||||
|
<div className="text-center px-4 py-16 max-w-xl">
|
||||||
|
<div className="mb-6 relative">
|
||||||
|
<Rocket className="h-16 w-16 text-indigo-600 mx-auto animate-bounce" />
|
||||||
|
<div className="absolute top-0 left-1/2 transform -translate-x-1/2">
|
||||||
|
<Sparkles className="h-6 w-6 text-purple-400 animate-pulse" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 className="text-4xl font-bold text-indigo-800 mb-4 tracking-tight">
|
||||||
|
Something Awesome is Coming Soon!
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<p className="text-xl text-indigo-600 mb-8">
|
||||||
|
We're building something magical for you. Stay tuned!
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="flex items-center justify-center space-x-2 mb-10">
|
||||||
|
<Clock className="h-5 w-5 text-purple-500" />
|
||||||
|
<div className="flex space-x-1">
|
||||||
|
{[0, 1, 2, 3].map((dot) => (
|
||||||
|
<div
|
||||||
|
key={dot}
|
||||||
|
className="h-2 w-2 rounded-full bg-purple-500"
|
||||||
|
style={{
|
||||||
|
animation: "pulse 1.5s infinite",
|
||||||
|
animationDelay: `${dot * 0.3}s`
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="relative">
|
||||||
|
<button className="bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-3 px-8 rounded-full transition-all duration-300 transform hover:scale-105 hover:shadow-lg">
|
||||||
|
Notify Me
|
||||||
|
</button>
|
||||||
|
<div className="absolute -top-2 -right-2">
|
||||||
|
<div className="h-4 w-4 bg-purple-400 rounded-full animate-ping" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@ -1,45 +0,0 @@
|
|||||||
import type { Metadata } from "next";
|
|
||||||
import { Geist, Geist_Mono } from "next/font/google";
|
|
||||||
import { Poppins, Arimo, Outfit, Roboto } from 'next/font/google';
|
|
||||||
import "../globals.css";
|
|
||||||
|
|
||||||
const poppins = Poppins({
|
|
||||||
weight: ['300', '400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const arimo = Arimo({
|
|
||||||
weight: ['400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistSans = Geist({
|
|
||||||
variable: "--font-geist-sans",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistMono = Geist_Mono({
|
|
||||||
variable: "--font-geist-mono",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
|
||||||
title: "Create Next App",
|
|
||||||
description: "Generated by create next app",
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
|
||||||
children,
|
|
||||||
}: Readonly<{
|
|
||||||
children: React.ReactNode;
|
|
||||||
}>) {
|
|
||||||
return (
|
|
||||||
<html lang="en">
|
|
||||||
<body
|
|
||||||
className={`${poppins.className} antialiased`}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -171,4 +171,4 @@ export default function Series() {
|
|||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
337
app/data-syncing/page.tsx
Normal file
337
app/data-syncing/page.tsx
Normal file
@ -0,0 +1,337 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import Navbar from '@/components/Navbar/navbar';
|
||||||
|
import Hero from '@/components/Hero/hero';
|
||||||
|
import Features from "@/components/Features/features";
|
||||||
|
import Footer from "@/components/footer";
|
||||||
|
import { HoverEffect } from '@/components/ui/card-hover-effect';
|
||||||
|
import { Marquee } from '@/components/ui/marquee';
|
||||||
|
import { TextGenerateEffect } from "@/components/ui/text-generate-effect";
|
||||||
|
import { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
|
||||||
|
import { OrbitingCircles } from '@/components/magicui/orbiting-circles';
|
||||||
|
|
||||||
|
const heading = "Data Syncing - Keep Your Information Up-to-Date Across All Platforms";
|
||||||
|
const description = "Effortlessly sync your data with Everyday. Our powerful data syncing capabilities ensure seamless updates between your apps, eliminating manual work and keeping everything in perfect harmony.";
|
||||||
|
const image = "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860625/Homepage%20%E2%80%94%20Sept%202024/sc03_HP_240917_Power-with-AI_v02_supxar.mp4";
|
||||||
|
|
||||||
|
const features = [
|
||||||
|
{
|
||||||
|
head: "Sync the apps you rely on",
|
||||||
|
desc: "Everyday supports over 100 data syncing connections, allowing you to keep your information accurate and updated across all platforms automatically.",
|
||||||
|
button: "Explore all sync options",
|
||||||
|
link: "#"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Get started with pre-built sync templates",
|
||||||
|
desc: "Set up automated data syncing in just a few minutes and eliminate repetitive tasks to improve efficiency.",
|
||||||
|
button: "Explore more",
|
||||||
|
link: "#"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const images = [
|
||||||
|
"https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/apple-logo-2400x2400-20220512-3.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/google-logo-2400x2400-20220519.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/mercedes-benz-logo-2400x2400-20220513-2.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/walmart-logo-2400x2400-20223105.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/pepsi-logo-2400x2400-20220513-1.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
];
|
||||||
|
|
||||||
|
const contents = [
|
||||||
|
{
|
||||||
|
title: "Sync Your Data in One Place",
|
||||||
|
description:
|
||||||
|
"Eliminate data silos by keeping all your information synchronized in real time. Access a unified, accurate source of truth across all your tools.",
|
||||||
|
link: "https://stripe.com",
|
||||||
|
icon: FaListUl, // Add icon here
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Automate Data Transfers",
|
||||||
|
description:
|
||||||
|
"Ensure smooth data movement between your apps without manual intervention. Automatically sync records, trigger updates, and maintain accuracy effortlessly.",
|
||||||
|
link: "https://netflix.com",
|
||||||
|
icon: FaSearch, // Add icon here
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Enable Real-Time Collaboration",
|
||||||
|
description:
|
||||||
|
"Keep your team aligned with up-to-date information. By syncing communication tools, shared data stays accurate and accessible for everyone in your workspace.",
|
||||||
|
link: "https://enterprise.everydayseries.com/",
|
||||||
|
icon: FaArrowsAlt, // Add icon here
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
type Feature = {
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
imgSrc: string;
|
||||||
|
vector: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const featuresData: Feature[] = [
|
||||||
|
{
|
||||||
|
title: "Feature 1",
|
||||||
|
description: "Description for Feature 1",
|
||||||
|
imgSrc: "/images/feature1.png",
|
||||||
|
vector: "/vectors/feature1.svg", // Added vector property
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Feature 2",
|
||||||
|
description: "Description for Feature 2",
|
||||||
|
imgSrc: "/images/feature2.png",
|
||||||
|
vector: "/vectors/feature2.svg", // Added vector property
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Feature 3",
|
||||||
|
description: "Description for Feature 3",
|
||||||
|
imgSrc: "/images/feature3.png",
|
||||||
|
vector: "/vectors/feature3.svg", // Added vector property
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
const words = `"Our data syncing capabilities are constantly evolving, with new connections and enhancements regularly added to our platform - we're hustling."`
|
||||||
|
|
||||||
|
export default function Integrations() {
|
||||||
|
return (
|
||||||
|
<div className="p-6 bg-[#080E12] dark text-white">
|
||||||
|
<Navbar />
|
||||||
|
<Hero />
|
||||||
|
<div className='h-screen py-10 px-24 flex flex-col items-start justify-end'>
|
||||||
|
<h1 className="text-8xl mb-10">{heading}</h1>
|
||||||
|
<h2 className='text-4xl'>{description}</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='flex w-full my-40'>
|
||||||
|
{/* <div className="relative flex h-[550px] w-1/2 flex-col items-center justify-center overflow-hidden">
|
||||||
|
<OrbitingCircles iconSize={50} radius={240}>
|
||||||
|
<Icons.whatsapp />
|
||||||
|
<Icons.notion />
|
||||||
|
<Icons.openai />
|
||||||
|
<Icons.googleDrive />
|
||||||
|
<Icons.whatsapp />
|
||||||
|
</OrbitingCircles>
|
||||||
|
<OrbitingCircles iconSize={40} radius={160} reverse speed={2}>
|
||||||
|
<Icons.whatsapp />
|
||||||
|
<Icons.notion />
|
||||||
|
<Icons.openai />
|
||||||
|
<Icons.googleDrive />
|
||||||
|
</OrbitingCircles>
|
||||||
|
</div> */}
|
||||||
|
<div className='flex flex-col w-1/2 justify-center space-y-10'>
|
||||||
|
<h1 className='text-7xl font-medium tracking-wide'>Bring Your Tools Together</h1>
|
||||||
|
<p className='text-xl'>With Everyday, you can easily connect and synchronize data from thousands of applications, creating a comprehensive and efficient workflow tailored to your business needs.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex flex-col text-white h-fit py-20 space-y-40">
|
||||||
|
{features.map((item, index) => (
|
||||||
|
<div key={index} className="p-6 text-center space-y-10 h-fit">
|
||||||
|
{/* Feature Heading and Description */}
|
||||||
|
<h2 className="text-5xl mb-2 w-2/3 mx-auto">{item.head}</h2>
|
||||||
|
<p className="w-2/3 mx-auto -mt-3">{item.desc}</p>
|
||||||
|
<a
|
||||||
|
href={item.link}
|
||||||
|
className="bg-violet-500 hover:bg-violet-300 font-medium px-4 py-2 rounded-lg mt-4 inline-block"
|
||||||
|
>
|
||||||
|
{item.button}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{/* Conditional Rendering for Marquee After First Feature */}
|
||||||
|
{index === 0 && (
|
||||||
|
<>
|
||||||
|
<Marquee className="[--duration:60s] w-[90%] mx-auto mt-20">
|
||||||
|
<div className="flex space-x-10">
|
||||||
|
{images.map((img, index) => (
|
||||||
|
<img
|
||||||
|
key={index}
|
||||||
|
src={img}
|
||||||
|
alt={`Avatar ${index + 1}`}
|
||||||
|
className="h-24 w-24 border rounded-lg object-cover"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Marquee>
|
||||||
|
<Marquee reverse className="[--duration:60s] w-[90%] mx-auto">
|
||||||
|
<div className="flex space-x-10">
|
||||||
|
{images.map((img, index) => (
|
||||||
|
<img
|
||||||
|
key={index}
|
||||||
|
src={img}
|
||||||
|
alt={`Avatar ${index + 1}`}
|
||||||
|
className="h-24 w-24 border rounded-lg object-cover"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Marquee>
|
||||||
|
{/* Add gradient effects for marquee */}
|
||||||
|
<div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-l from-transparent to-[#080E12]"></div>
|
||||||
|
<div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-r from-transparent to-[#080E12]"></div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Conditional Rendering for GIF After Second Feature */}
|
||||||
|
{index === 1 && (
|
||||||
|
<div className="mt-20 flex justify-center">
|
||||||
|
<img
|
||||||
|
src="https://cdn.dribbble.com/users/695342/screenshots/3782293/dashboard-gif-ok.gif"
|
||||||
|
alt="Workflow GIF"
|
||||||
|
className="rounded-lg shadow-lg w-[60%] h-1/2 mx-auto"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
<div className="max-w-7xl mx-auto px-8 my-20">
|
||||||
|
<HoverEffect items={contents} />
|
||||||
|
</div>
|
||||||
|
{/* <Features/> */}
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg shadow-md px-10 py-20 mx-10 my-20">
|
||||||
|
<div className="text-yellow-500 text-center text-2xl mb-10">
|
||||||
|
★★★★★
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* <p className="text-gray-700 leading-relaxed text-4xl">
|
||||||
|
<strong className="font-semibold">Magic Button:</strong> Simply press the magic button to instantly generate your series automatically.
|
||||||
|
</p> */}
|
||||||
|
<TextGenerateEffect words={words} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const Icons = {
|
||||||
|
gitHub: () => (
|
||||||
|
<svg width="100" height="100" viewBox="0 0 438.549 438.549">
|
||||||
|
<path
|
||||||
|
fill="currentColor"
|
||||||
|
d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
notion: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 100 100"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M6.017 4.313l55.333 -4.087c6.797 -0.583 8.543 -0.19 12.817 2.917l17.663 12.443c2.913 2.14 3.883 2.723 3.883 5.053v68.243c0 4.277 -1.553 6.807 -6.99 7.193L24.467 99.967c-4.08 0.193 -6.023 -0.39 -8.16 -3.113L3.3 79.94c-2.333 -3.113 -3.3 -5.443 -3.3 -8.167V11.113c0 -3.497 1.553 -6.413 6.017 -6.8z"
|
||||||
|
fill="#ffffff"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M61.35 0.227l-55.333 4.087C1.553 4.7 0 7.617 0 11.113v60.66c0 2.723 0.967 5.053 3.3 8.167l13.007 16.913c2.137 2.723 4.08 3.307 8.16 3.113l64.257 -3.89c5.433 -0.387 6.99 -2.917 6.99 -7.193V20.64c0 -2.21 -0.873 -2.847 -3.443 -4.733L74.167 3.143c-4.273 -3.107 -6.02 -3.5 -12.817 -2.917zM25.92 19.523c-5.247 0.353 -6.437 0.433 -9.417 -1.99L8.927 11.507c-0.77 -0.78 -0.383 -1.753 1.557 -1.947l53.193 -3.887c4.467 -0.39 6.793 1.167 8.54 2.527l9.123 6.61c0.39 0.197 1.36 1.36 0.193 1.36l-54.933 3.307 -0.68 0.047zM19.803 88.3V30.367c0 -2.53 0.777 -3.697 3.103 -3.893L86 22.78c2.14 -0.193 3.107 1.167 3.107 3.693v57.547c0 2.53 -0.39 4.67 -3.883 4.863l-60.377 3.5c-3.493 0.193 -5.043 -0.97 -5.043 -4.083zm59.6 -54.827c0.387 1.75 0 3.5 -1.75 3.7l-2.91 0.577v42.773c-2.527 1.36 -4.853 2.137 -6.797 2.137 -3.107 0 -3.883 -0.973 -6.21 -3.887l-19.03 -29.94v28.967l6.02 1.363s0 3.5 -4.857 3.5l-13.39 0.777c-0.39 -0.78 0 -2.723 1.357 -3.11l3.497 -0.97v-38.3L30.48 40.667c-0.39 -1.75 0.58 -4.277 3.3 -4.473l14.367 -0.967 19.8 30.327v-26.83l-5.047 -0.58c-0.39 -2.143 1.163 -3.7 3.103 -3.89l13.4 -0.78z"
|
||||||
|
fill="#000000"
|
||||||
|
fillRule="evenodd"
|
||||||
|
clipRule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
openai: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
className="fill-black dark:fill-white"
|
||||||
|
>
|
||||||
|
<path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" />
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
googleDrive: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 87.3 78"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"
|
||||||
|
fill="#0066da"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"
|
||||||
|
fill="#00ac47"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"
|
||||||
|
fill="#ea4335"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"
|
||||||
|
fill="#00832d"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"
|
||||||
|
fill="#2684fc"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"
|
||||||
|
fill="#ffba00"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
whatsapp: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 175.216 175.552"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<linearGradient
|
||||||
|
id="b"
|
||||||
|
x1="85.915"
|
||||||
|
x2="86.535"
|
||||||
|
y1="32.567"
|
||||||
|
y2="137.092"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop offset="0" stopColor="#57d163" />
|
||||||
|
<stop offset="1" stopColor="#23b33a" />
|
||||||
|
</linearGradient>
|
||||||
|
<filter
|
||||||
|
id="a"
|
||||||
|
width="1.115"
|
||||||
|
height="1.114"
|
||||||
|
x="-.057"
|
||||||
|
y="-.057"
|
||||||
|
colorInterpolationFilters="sRGB"
|
||||||
|
>
|
||||||
|
<feGaussianBlur stdDeviation="3.531" />
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<path
|
||||||
|
d="m54.532 138.45 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.523h.023c33.707 0 61.139-27.426 61.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75 60.75 0 0 0 87.94 25.983c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.558zm-40.811 23.544L24.16 123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0 0"
|
||||||
|
fill="#b3b3b3"
|
||||||
|
filter="url(#a)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m12.966 161.238 10.439-38.114a73.42 73.42 0 0 1-9.821-36.772c.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z"
|
||||||
|
fill="#ffffff"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.559 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.524h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.929z"
|
||||||
|
fill="url(#linearGradient1780)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.313-6.179 22.558 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.517 31.126 8.523h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.928z"
|
||||||
|
fill="url(#b)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M68.772 55.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226 0-3.218.46-4.902 2.3s-6.435 6.287-6.435 15.332 6.588 17.785 7.506 19.013 12.718 20.381 31.405 27.75c15.529 6.124 18.689 4.906 22.061 4.6s10.877-4.447 12.408-8.74 1.532-7.971 1.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746 5.979-5.819 7.206-2.144 1.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824 1.838-2.147 2.759-3.22s1.224-1.84 1.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647"
|
||||||
|
fill="#ffffff"
|
||||||
|
fillRule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
};
|
||||||
337
app/fianance/page.tsx
Normal file
337
app/fianance/page.tsx
Normal file
@ -0,0 +1,337 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import Navbar from '@/components/Navbar/navbar';
|
||||||
|
import Hero from '@/components/Hero/hero';
|
||||||
|
import Features from "@/components/Features/features";
|
||||||
|
import Footer from "@/components/footer";
|
||||||
|
import { HoverEffect } from '@/components/ui/card-hover-effect';
|
||||||
|
import { Marquee } from '@/components/ui/marquee';
|
||||||
|
import { TextGenerateEffect } from "@/components/ui/text-generate-effect";
|
||||||
|
import { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
|
||||||
|
import { OrbitingCircles } from '@/components/magicui/orbiting-circles';
|
||||||
|
|
||||||
|
const heading = "Integrations - Connect Your Workflows with Everyday Integrations";
|
||||||
|
const description = "Seamlessly unite all your tools and applications with Everyday. Our robust integration capabilities empower you to create an interconnected ecosystem, streamlining your workflows and improving productivity.";
|
||||||
|
const image = "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860625/Homepage%20%E2%80%94%20Sept%202024/sc03_HP_240917_Power-with-AI_v02_supxar.mp4"
|
||||||
|
|
||||||
|
const features = [
|
||||||
|
{
|
||||||
|
head: "Connect the apps you already love",
|
||||||
|
desc: "Everyday supports over 100 apps, so you can tame the chaos and turn your tools into processes all in one place.",
|
||||||
|
button: "Explore all apps",
|
||||||
|
link: "#"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Start quickly with these pre-built templates from other Everyday users",
|
||||||
|
desc: "Automate your tasks in just a few minutes to reclaim countless hours of your time.",
|
||||||
|
button: "Explore more",
|
||||||
|
link: "#"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
|
||||||
|
const images = [
|
||||||
|
"https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/apple-logo-2400x2400-20220512-3.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/google-logo-2400x2400-20220519.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/mercedes-benz-logo-2400x2400-20220513-2.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/walmart-logo-2400x2400-20223105.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/pepsi-logo-2400x2400-20220513-1.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
];
|
||||||
|
|
||||||
|
const contents = [
|
||||||
|
{
|
||||||
|
title: "Centralize Your Data",
|
||||||
|
description:
|
||||||
|
"No more switching between apps. Gather all your data in one place, simplifying your processes and ensuring you have a single, reliable source of truth.",
|
||||||
|
link: "https://stripe.com",
|
||||||
|
icon: FaListUl, // Add icon here
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Automate Your Processes",
|
||||||
|
description:
|
||||||
|
"Maximize efficiency by automating actions between your integrated apps. Transfer data, trigger actions, and manage notifications effortlessly, allowing you to focus on what matters most.",
|
||||||
|
link: "https://netflix.com",
|
||||||
|
icon: FaSearch, // Add icon here
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Improve Collaboration",
|
||||||
|
description:
|
||||||
|
"By integrating your favorite communication tools, you can enhance teamwork and foster a more collaborative environment. Share updates, delegate tasks, and keep everyone in the loop, all within Everyday.",
|
||||||
|
link: "https://enterprise.everydayseries.com/",
|
||||||
|
icon: FaArrowsAlt, // Add icon here
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
type Feature = {
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
imgSrc: string;
|
||||||
|
vector: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
const featuresData: Feature[] = [
|
||||||
|
{
|
||||||
|
title: "Feature 1",
|
||||||
|
description: "Description for Feature 1",
|
||||||
|
imgSrc: "/images/feature1.png",
|
||||||
|
vector: "/vectors/feature1.svg", // Added vector property
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Feature 2",
|
||||||
|
description: "Description for Feature 2",
|
||||||
|
imgSrc: "/images/feature2.png",
|
||||||
|
vector: "/vectors/feature2.svg", // Added vector property
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Feature 3",
|
||||||
|
description: "Description for Feature 3",
|
||||||
|
imgSrc: "/images/feature3.png",
|
||||||
|
vector: "/vectors/feature3.svg", // Added vector property
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
const words = `“Need more? Our integration capabilities are constantly expanding, with new additions regularly introduced to our platform.”`
|
||||||
|
|
||||||
|
export default function Integrations() {
|
||||||
|
return (
|
||||||
|
<div className="p-6 bg-[#080E12] dark text-white">
|
||||||
|
<Navbar />
|
||||||
|
<Hero />
|
||||||
|
<div className='h-screen py-10 px-24 flex flex-col items-start justify-end'>
|
||||||
|
<h1 className="text-8xl mb-10">{heading}</h1>
|
||||||
|
<h2 className='text-4xl'>{description}</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className='flex w-full my-40'>
|
||||||
|
<div className="relative flex h-[550px] w-1/2 flex-col items-center justify-center overflow-hidden">
|
||||||
|
<OrbitingCircles iconSize={50} radius={240}>
|
||||||
|
<Icons.whatsapp />
|
||||||
|
<Icons.notion />
|
||||||
|
<Icons.openai />
|
||||||
|
<Icons.googleDrive />
|
||||||
|
<Icons.whatsapp />
|
||||||
|
</OrbitingCircles>
|
||||||
|
<OrbitingCircles iconSize={40} radius={160} reverse speed={2}>
|
||||||
|
<Icons.whatsapp />
|
||||||
|
<Icons.notion />
|
||||||
|
<Icons.openai />
|
||||||
|
<Icons.googleDrive />
|
||||||
|
</OrbitingCircles>
|
||||||
|
</div>
|
||||||
|
<div className='flex flex-col w-1/2 justify-center space-y-10'>
|
||||||
|
<h1 className='text-7xl font-medium tracking-wide'>Bring Your Tools Together</h1>
|
||||||
|
<p className='text-xl'>With Everyday, you can easily connect and synchronize data from thousands of applications, creating a comprehensive and efficient workflow tailored to your business needs.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex flex-col text-white h-fit py-20 space-y-40">
|
||||||
|
{features.map((item, index) => (
|
||||||
|
<div key={index} className="p-6 text-center space-y-10 h-fit">
|
||||||
|
{/* Feature Heading and Description */}
|
||||||
|
<h2 className="text-5xl mb-2 w-2/3 mx-auto">{item.head}</h2>
|
||||||
|
<p className="w-2/3 mx-auto -mt-3">{item.desc}</p>
|
||||||
|
<a
|
||||||
|
href={item.link}
|
||||||
|
className="bg-violet-500 hover:bg-violet-300 font-medium px-4 py-2 rounded-lg mt-4 inline-block"
|
||||||
|
>
|
||||||
|
{item.button}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{/* Conditional Rendering for Marquee After First Feature */}
|
||||||
|
{index === 0 && (
|
||||||
|
<>
|
||||||
|
<Marquee className="[--duration:60s] w-[90%] mx-auto mt-20">
|
||||||
|
<div className="flex space-x-10">
|
||||||
|
{images.map((img, index) => (
|
||||||
|
<img
|
||||||
|
key={index}
|
||||||
|
src={img}
|
||||||
|
alt={`Avatar ${index + 1}`}
|
||||||
|
className="h-24 w-24 border rounded-lg object-cover"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Marquee>
|
||||||
|
<Marquee reverse className="[--duration:60s] w-[90%] mx-auto">
|
||||||
|
<div className="flex space-x-10">
|
||||||
|
{images.map((img, index) => (
|
||||||
|
<img
|
||||||
|
key={index}
|
||||||
|
src={img}
|
||||||
|
alt={`Avatar ${index + 1}`}
|
||||||
|
className="h-24 w-24 border rounded-lg object-cover"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Marquee>
|
||||||
|
{/* Add gradient effects for marquee */}
|
||||||
|
<div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-l from-transparent to-[#080E12]"></div>
|
||||||
|
<div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-r from-transparent to-[#080E12]"></div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{/* Conditional Rendering for GIF After Second Feature */}
|
||||||
|
{index === 1 && (
|
||||||
|
<div className="mt-20 flex justify-center">
|
||||||
|
<img
|
||||||
|
src="https://cdn.dribbble.com/users/695342/screenshots/3782293/dashboard-gif-ok.gif"
|
||||||
|
alt="Workflow GIF"
|
||||||
|
className="rounded-lg shadow-lg w-[60%] h-1/2 mx-auto"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
<div className="max-w-7xl mx-auto px-8 my-20">
|
||||||
|
<HoverEffect items={contents} />
|
||||||
|
</div>
|
||||||
|
<Features/>
|
||||||
|
|
||||||
|
<div className="bg-white rounded-lg shadow-md px-10 py-20 mx-10 my-20">
|
||||||
|
<div className="text-yellow-500 text-center text-2xl mb-10">
|
||||||
|
★★★★★
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* <p className="text-gray-700 leading-relaxed text-4xl">
|
||||||
|
<strong className="font-semibold">Magic Button:</strong> Simply press the magic button to instantly generate your series automatically.
|
||||||
|
</p> */}
|
||||||
|
<TextGenerateEffect words={words} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
const Icons = {
|
||||||
|
gitHub: () => (
|
||||||
|
<svg width="100" height="100" viewBox="0 0 438.549 438.549">
|
||||||
|
<path
|
||||||
|
fill="currentColor"
|
||||||
|
d="M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
notion: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 100 100"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M6.017 4.313l55.333 -4.087c6.797 -0.583 8.543 -0.19 12.817 2.917l17.663 12.443c2.913 2.14 3.883 2.723 3.883 5.053v68.243c0 4.277 -1.553 6.807 -6.99 7.193L24.467 99.967c-4.08 0.193 -6.023 -0.39 -8.16 -3.113L3.3 79.94c-2.333 -3.113 -3.3 -5.443 -3.3 -8.167V11.113c0 -3.497 1.553 -6.413 6.017 -6.8z"
|
||||||
|
fill="#ffffff"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M61.35 0.227l-55.333 4.087C1.553 4.7 0 7.617 0 11.113v60.66c0 2.723 0.967 5.053 3.3 8.167l13.007 16.913c2.137 2.723 4.08 3.307 8.16 3.113l64.257 -3.89c5.433 -0.387 6.99 -2.917 6.99 -7.193V20.64c0 -2.21 -0.873 -2.847 -3.443 -4.733L74.167 3.143c-4.273 -3.107 -6.02 -3.5 -12.817 -2.917zM25.92 19.523c-5.247 0.353 -6.437 0.433 -9.417 -1.99L8.927 11.507c-0.77 -0.78 -0.383 -1.753 1.557 -1.947l53.193 -3.887c4.467 -0.39 6.793 1.167 8.54 2.527l9.123 6.61c0.39 0.197 1.36 1.36 0.193 1.36l-54.933 3.307 -0.68 0.047zM19.803 88.3V30.367c0 -2.53 0.777 -3.697 3.103 -3.893L86 22.78c2.14 -0.193 3.107 1.167 3.107 3.693v57.547c0 2.53 -0.39 4.67 -3.883 4.863l-60.377 3.5c-3.493 0.193 -5.043 -0.97 -5.043 -4.083zm59.6 -54.827c0.387 1.75 0 3.5 -1.75 3.7l-2.91 0.577v42.773c-2.527 1.36 -4.853 2.137 -6.797 2.137 -3.107 0 -3.883 -0.973 -6.21 -3.887l-19.03 -29.94v28.967l6.02 1.363s0 3.5 -4.857 3.5l-13.39 0.777c-0.39 -0.78 0 -2.723 1.357 -3.11l3.497 -0.97v-38.3L30.48 40.667c-0.39 -1.75 0.58 -4.277 3.3 -4.473l14.367 -0.967 19.8 30.327v-26.83l-5.047 -0.58c-0.39 -2.143 1.163 -3.7 3.103 -3.89l13.4 -0.78z"
|
||||||
|
fill="#000000"
|
||||||
|
fillRule="evenodd"
|
||||||
|
clipRule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
openai: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
className="fill-black dark:fill-white"
|
||||||
|
>
|
||||||
|
<path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z" />
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
googleDrive: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 87.3 78"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"
|
||||||
|
fill="#0066da"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"
|
||||||
|
fill="#00ac47"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"
|
||||||
|
fill="#ea4335"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"
|
||||||
|
fill="#00832d"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"
|
||||||
|
fill="#2684fc"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"
|
||||||
|
fill="#ffba00"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
whatsapp: () => (
|
||||||
|
<svg
|
||||||
|
width="100"
|
||||||
|
height="100"
|
||||||
|
viewBox="0 0 175.216 175.552"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<linearGradient
|
||||||
|
id="b"
|
||||||
|
x1="85.915"
|
||||||
|
x2="86.535"
|
||||||
|
y1="32.567"
|
||||||
|
y2="137.092"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop offset="0" stopColor="#57d163" />
|
||||||
|
<stop offset="1" stopColor="#23b33a" />
|
||||||
|
</linearGradient>
|
||||||
|
<filter
|
||||||
|
id="a"
|
||||||
|
width="1.115"
|
||||||
|
height="1.114"
|
||||||
|
x="-.057"
|
||||||
|
y="-.057"
|
||||||
|
colorInterpolationFilters="sRGB"
|
||||||
|
>
|
||||||
|
<feGaussianBlur stdDeviation="3.531" />
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<path
|
||||||
|
d="m54.532 138.45 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.523h.023c33.707 0 61.139-27.426 61.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75 60.75 0 0 0 87.94 25.983c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.558zm-40.811 23.544L24.16 123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0 0"
|
||||||
|
fill="#b3b3b3"
|
||||||
|
filter="url(#a)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="m12.966 161.238 10.439-38.114a73.42 73.42 0 0 1-9.821-36.772c.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z"
|
||||||
|
fill="#ffffff"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.559 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.524h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.929z"
|
||||||
|
fill="url(#linearGradient1780)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.313-6.179 22.558 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.517 31.126 8.523h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.928z"
|
||||||
|
fill="url(#b)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M68.772 55.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226 0-3.218.46-4.902 2.3s-6.435 6.287-6.435 15.332 6.588 17.785 7.506 19.013 12.718 20.381 31.405 27.75c15.529 6.124 18.689 4.906 22.061 4.6s10.877-4.447 12.408-8.74 1.532-7.971 1.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746 5.979-5.819 7.206-2.144 1.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824 1.838-2.147 2.759-3.22s1.224-1.84 1.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647"
|
||||||
|
fill="#ffffff"
|
||||||
|
fillRule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
};
|
||||||
@ -1,45 +0,0 @@
|
|||||||
import type { Metadata } from "next";
|
|
||||||
import { Geist, Geist_Mono } from "next/font/google";
|
|
||||||
import { Poppins, Arimo, Outfit, Roboto } from 'next/font/google';
|
|
||||||
import "../globals.css";
|
|
||||||
|
|
||||||
const poppins = Poppins({
|
|
||||||
weight: ['300', '400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const arimo = Arimo({
|
|
||||||
weight: ['400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistSans = Geist({
|
|
||||||
variable: "--font-geist-sans",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistMono = Geist_Mono({
|
|
||||||
variable: "--font-geist-mono",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
|
||||||
title: "Create Next App",
|
|
||||||
description: "Generated by create next app",
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
|
||||||
children,
|
|
||||||
}: Readonly<{
|
|
||||||
children: React.ReactNode;
|
|
||||||
}>) {
|
|
||||||
return (
|
|
||||||
<html lang="en">
|
|
||||||
<body
|
|
||||||
className={`${poppins.className} antialiased`}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -334,4 +334,4 @@ const Icons = {
|
|||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
),
|
),
|
||||||
};
|
};
|
||||||
@ -2,31 +2,45 @@
|
|||||||
|
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Navbar from '@/components/Navbar/navbar';
|
import Navbar from '@/components/Navbar/navbar';
|
||||||
|
import Hero from '@/components/Hero/hero';
|
||||||
import Features from "@/components/Features/features";
|
import Features from "@/components/Features/features";
|
||||||
import Footer from "@/components/footer";
|
import Footer from "@/components/footer";
|
||||||
import { HoverEffect } from '@/components/ui/card-hover-effect';
|
import { HoverEffect } from '@/components/ui/card-hover-effect';
|
||||||
import { Marquee } from '@/components/ui/marquee';
|
import { Marquee } from '@/components/ui/marquee';
|
||||||
|
import { TextGenerateEffect } from "@/components/ui/text-generate-effect";
|
||||||
import { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
|
import { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
|
||||||
import { TextGenerateEffect } from '@/components/ui/text-generate-effect';
|
import { OrbitingCircles } from '@/components/magicui/orbiting-circles';
|
||||||
|
|
||||||
const heading = "Tools - Automate Task Sequences for Streamlined Workflows";
|
const heading = "Everyday Marketing - Automate and optimize your marketing workflows";
|
||||||
const description = "A programmed tool designed to execute a predefined sequence of tasks systematically, automating workflows and minimizing manual intervention.";
|
const description = "Everyday helps you streamline marketing automation by seamlessly connecting your tools, minimizing errors, and uncovering valuable insights from your data. Free up your team’s time and focus on creating high-impact campaigns.";
|
||||||
const image = "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860625/Homepage%20%E2%80%94%20Sept%202024/sc03_HP_240917_Power-with-AI_v02_supxar.mp4"
|
const image = "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860625/Homepage%20%E2%80%94%20Sept%202024/sc03_HP_240917_Power-with-AI_v02_supxar.mp4";
|
||||||
|
|
||||||
const features = [
|
const features = [
|
||||||
{
|
{
|
||||||
head: "Connect the apps you already love",
|
head: "Integrate AI into your marketing",
|
||||||
desc: "Everyday supports over 100 apps, so you can tame the chaos and turn your tools into processes all in one place.",
|
desc: "No matter how you use AI, Everyday’s growing app ecosystem makes it easy to incorporate AI into essential workflows like lead generation, marketing automation, and campaign management.",
|
||||||
button: "Explore all apps",
|
button: "Explore tools",
|
||||||
|
buttonColor: "sky-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_01_slh5ws.png",
|
||||||
link: "#"
|
link: "#"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
head: "Start quickly with these pre-built templates from other Everyday users",
|
head: "Let AI build your automations",
|
||||||
desc: "Automate your tasks in just a few minutes to reclaim countless hours of your time.",
|
desc: "Describe the marketing automation you need—such as lead capture or email nurturing—and Everyday’s AI will generate a workflow tailored to your needs.",
|
||||||
button: "Explore more",
|
button: "Get started",
|
||||||
|
buttonColor: "purple-300",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_02_ivu6pd.png",
|
||||||
|
link: "#"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Enhance workflows with AI-powered customization",
|
||||||
|
desc: "Fine-tune your marketing automation with AI-generated code snippets, giving you more control over customization without complex coding.",
|
||||||
|
button: "Unlock now",
|
||||||
|
buttonColor: "amber-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809091/Solutions/Marketing/marketing-lp_04_liatuw.png",
|
||||||
link: "#"
|
link: "#"
|
||||||
}
|
}
|
||||||
]
|
];
|
||||||
|
|
||||||
const images = [
|
const images = [
|
||||||
"https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
|
"https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
@ -39,49 +53,31 @@ const images = [
|
|||||||
|
|
||||||
const contents = [
|
const contents = [
|
||||||
{
|
{
|
||||||
title: "List",
|
title: "Unify Your Marketing Data",
|
||||||
description:
|
description:
|
||||||
"Our proven approach enhances operational efficiency, delivers faster results, and keeps your team ahead of the curve.",
|
"Eliminate data silos by centralizing insights from all your marketing tools. Get a complete view of your campaigns, leads, and performance metrics in one place.",
|
||||||
link: "https://stripe.com",
|
link: "https://stripe.com",
|
||||||
icon: FaListUl, // Add icon here
|
icon: FaListUl, // Add icon here
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Assign/Complete",
|
title: "Automate Marketing Workflows",
|
||||||
description:
|
description:
|
||||||
"Assign a task to a team member, or do it on your own. Complete flow of tasks now at your fingertips without the hassle of assigning and reassigning and increasing due dates.",
|
"Boost efficiency by automating repetitive marketing tasks. Sync data, trigger personalized campaigns, and schedule actions—so you can focus on strategy and creativity.",
|
||||||
link: "https://cal.com",
|
link: "https://netflix.com",
|
||||||
icon: FaSearch, // Add icon here
|
icon: FaSearch, // Add icon here
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "History",
|
title: "Enhance Team Collaboration",
|
||||||
description:
|
description:
|
||||||
"History captures tasks submitted by users, recording all associated data for reference. This way, you can go back and look at the progress so far.",
|
"Keep your marketing team aligned by integrating communication tools. Share updates, assign tasks, and track campaign progress effortlessly in one connected workspace.",
|
||||||
link: "https://enterprise.everydayseries.com/",
|
link: "https://enterprise.everydayseries.com/",
|
||||||
icon: FaSearch, // Add icon here
|
icon: FaArrowsAlt, // Add icon here
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const featuresData = [
|
const words = `“Stay ahead with evolving marketing automation—new features and integrations are constantly added to enhance your campaigns.”`
|
||||||
{
|
|
||||||
title: "Create Series using Drag and Drop",
|
|
||||||
description: "Organize, connect, and track your goals using the GoalGrid. Stay aligned and in sync with your strategic objectives.",
|
|
||||||
imgSrc: "https://res.cloudinary.com/dezd109fz/image/upload/v1737595526/Screenshot_2025-01-23_065418_xo3ezn.png",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Built for Enterprises",
|
|
||||||
description: "Everyday platform ensures enterprise-grade deployment, security, and data governance, all with the simplicity of one centrally managed platform.",
|
|
||||||
imgSrc: "https://res.cloudinary.com/dezd109fz/image/upload/v1737595526/Screenshot_2025-01-23_065356_gbkov8.png",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Integrate your Workflows",
|
|
||||||
description: "Connect Everyday to your existing tools, integrate important business processes, and build more powerful applications.",
|
|
||||||
imgSrc: "https://res.cloudinary.com/dezd109fz/image/upload/v1737595526/Screenshot_2025-01-23_065455_whfipm.png",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const words = `Require a little more? We offer optional add-on services for developing even more solutions.`
|
export default function Integrations() {
|
||||||
|
|
||||||
export default function Series() {
|
|
||||||
return (
|
return (
|
||||||
<div className="p-6 bg-[#080E12] dark text-white">
|
<div className="p-6 bg-[#080E12] dark text-white">
|
||||||
<Navbar />
|
<Navbar />
|
||||||
@ -89,24 +85,32 @@ export default function Series() {
|
|||||||
<h1 className="text-8xl mb-10">{heading}</h1>
|
<h1 className="text-8xl mb-10">{heading}</h1>
|
||||||
<h2 className='text-4xl'>{description}</h2>
|
<h2 className='text-4xl'>{description}</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className='p-40'><video src={image} autoPlay className="w-ful border rounded-2xl object" /></div>
|
|
||||||
|
{/* <Hero /> */}
|
||||||
<div className="max-w-7xl mx-auto px-8">
|
<div className='flex w-full my-40'>
|
||||||
<HoverEffect items={contents} />
|
<div className="relative flex h-[550px] w-1/2 flex-col items-center justify-center overflow-hidden">
|
||||||
|
<img
|
||||||
|
src="https://res.cloudinary.com/zapier-media/image/upload/q_auto,f_auto/v1718390031/Solutions/RevOps/revops-ai_jgccpl.png"
|
||||||
|
alt="Workflow GIF"
|
||||||
|
className="rounded-lg shadow-lg w-[60%] h-1/2 mx-auto"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='flex flex-col w-1/2 justify-center space-y-10'>
|
||||||
|
<h1 className='text-7xl font-medium tracking-wide'>Bring Your Tools Together</h1>
|
||||||
|
<p className='text-xl'>With Everyday, you can easily connect and synchronize data from thousands of applications, creating a comprehensive and efficient workflow tailored to your business needs.</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Features />
|
<div className="flex flex-col text-white h-fit py-20 space-y-40">
|
||||||
|
|
||||||
{/* FEATURES */}
|
|
||||||
<div className="flex flex-col text-white h-fit py-20 space-y-20">
|
|
||||||
{features.map((item, index) => (
|
{features.map((item, index) => (
|
||||||
<div key={index} className="p-6 text-center space-y-10 h-fit">
|
<div key={index} className="p-6 text-center space-y-10 h-fit">
|
||||||
{/* Feature Heading and Description */}
|
{/* Feature Heading and Description */}
|
||||||
<h2 className="text-5xl mb-2 w-2/3 mx-auto">{item.head}</h2>
|
<h2 className="text-5xl mb-2 w-2/3 mx-auto">{item.head}</h2>
|
||||||
<p className="w-2/3 mx-auto -mt-3">{item.desc}</p>
|
<p className="w-2/3 mx-auto -mt-3">{item.desc}</p>
|
||||||
|
<img className="w-[90%] mx-auto" src={item.image} alt=""></img>
|
||||||
<a
|
<a
|
||||||
href={item.link}
|
href={item.link}
|
||||||
className="bg-violet-500 hover:bg-violet-300 font-medium px-4 py-2 rounded-lg mt-4 inline-block"
|
className={`bg-${item.buttonColor} hover:bg-violet-300 font-medium px-4 py-2 rounded-lg mt-4 inline-block`}
|
||||||
>
|
>
|
||||||
{item.button}
|
{item.button}
|
||||||
</a>
|
</a>
|
||||||
@ -143,35 +147,25 @@ export default function Series() {
|
|||||||
<div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-r from-transparent to-[#080E12]"></div>
|
<div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-r from-transparent to-[#080E12]"></div>
|
||||||
</>
|
</>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/* Conditional Rendering for GIF After Second Feature */}
|
|
||||||
{index === 1 && (
|
|
||||||
<div className="mt-20 flex justify-center">
|
|
||||||
<img
|
|
||||||
src="https://cdn.dribbble.com/users/695342/screenshots/3782293/dashboard-gif-ok.gif"
|
|
||||||
alt="Workflow GIF"
|
|
||||||
className="rounded-lg shadow-lg w-[60%] h-1/2 mx-auto"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
<div className="max-w-7xl mx-auto px-8 my-20">
|
||||||
|
<HoverEffect items={contents} />
|
||||||
|
</div>
|
||||||
<div className="bg-white rounded-lg shadow-md px-10 py-20 mx-10 my-20">
|
<div className="bg-white rounded-lg shadow-md px-10 py-20 mx-10 my-20">
|
||||||
<div className="text-yellow-500 text-center text-2xl mb-10">
|
<div className="text-yellow-500 text-center text-2xl mb-10">
|
||||||
★★★★★
|
★★★★★
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p className="text-gray-700 leading-relaxed text-4xl">
|
{/* <p className="text-gray-700 leading-relaxed text-4xl">
|
||||||
<strong className="font-semibold">Add-On</strong> Professional Services
|
<strong className="font-semibold">Magic Button:</strong> Simply press the magic button to instantly generate your series automatically.
|
||||||
</p>
|
</p> */}
|
||||||
<TextGenerateEffect words={words} />
|
<TextGenerateEffect words={words} />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<Footer />
|
<Footer />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
116
app/not-found.jsx
Normal file
116
app/not-found.jsx
Normal file
@ -0,0 +1,116 @@
|
|||||||
|
"use client";
|
||||||
|
import Link from 'next/link';
|
||||||
|
import { useEffect, useState } from 'react';
|
||||||
|
import { Home, Search, MoveLeft } from 'lucide-react';
|
||||||
|
|
||||||
|
export default function NotFound() {
|
||||||
|
const [isLoaded, setIsLoaded] = useState(false);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
setIsLoaded(true);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="bg-[#080E12] min-h-screen flex flex-col items-center justify-center px-4 py-12">
|
||||||
|
<div className={`text-center transition-all duration-1000 transform ${isLoaded ? 'translate-y-0 opacity-100' : 'translate-y-10 opacity-0'}`}>
|
||||||
|
{/* Animated 404 number */}
|
||||||
|
<div className="relative mb-8">
|
||||||
|
<h1 className="text-9xl font-bold text-transparent bg-clip-text bg-gradient-to-r from-indigo-400 to-purple-500">
|
||||||
|
404
|
||||||
|
</h1>
|
||||||
|
<div className="absolute -top-6 -right-6">
|
||||||
|
<div className="h-12 w-12 rounded-full border-4 border-indigo-900 border-t-indigo-400 animate-spin" />
|
||||||
|
</div>
|
||||||
|
<div className="absolute -bottom-4 -left-4">
|
||||||
|
<Search className="h-8 w-8 text-purple-300 animate-bounce" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Page not found message */}
|
||||||
|
<h2 className={`text-2xl font-semibold text-indigo-200 mb-4 transition-all delay-300 duration-1000 ${isLoaded ? 'opacity-100' : 'opacity-0'}`}>
|
||||||
|
Oops! Page Not Found
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p className={`text-indigo-300/80 max-w-md mx-auto mb-8 transition-all delay-500 duration-1000 ${isLoaded ? 'opacity-100' : 'opacity-0'}`}>
|
||||||
|
The page you are looking for seems to have wandered off into the digital void. Let's guide you back to reality.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{/* Animated dots - glowing effect */}
|
||||||
|
<div className="flex justify-center mb-8">
|
||||||
|
{[0, 1, 2, 3, 4].map((dot) => (
|
||||||
|
<div
|
||||||
|
key={dot}
|
||||||
|
className="h-2 w-2 mx-1 rounded-full bg-purple-400"
|
||||||
|
style={{
|
||||||
|
animation: "pulse 1.5s infinite",
|
||||||
|
animationDelay: `${dot * 0.2}s`,
|
||||||
|
boxShadow: "0 0 8px 2px rgba(167, 139, 250, 0.3)"
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Home link button - glowing effect */}
|
||||||
|
<Link
|
||||||
|
href="/"
|
||||||
|
className={`inline-flex items-center bg-gradient-to-r from-indigo-600 to-purple-600 text-white font-medium py-3 px-6 rounded-full hover:from-indigo-500 hover:to-purple-500 transition-all duration-300 transform hover:scale-105 hover:shadow-lg delay-700 ${isLoaded ? 'opacity-100' : 'opacity-0'}`}
|
||||||
|
style={{
|
||||||
|
boxShadow: "0 0 15px rgba(129, 140, 248, 0.5)"
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<MoveLeft className="mr-2 h-5 w-5" />
|
||||||
|
Return to Home
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Floating particles for atmosphere */}
|
||||||
|
<div className="absolute inset-0 overflow-hidden pointer-events-none">
|
||||||
|
{[...Array(20)].map((_, i) => (
|
||||||
|
<div
|
||||||
|
key={i}
|
||||||
|
className="absolute rounded-full bg-indigo-500/10"
|
||||||
|
style={{
|
||||||
|
width: `${Math.random() * 6 + 2}px`,
|
||||||
|
height: `${Math.random() * 6 + 2}px`,
|
||||||
|
top: `${Math.random() * 100}%`,
|
||||||
|
left: `${Math.random() * 100}%`,
|
||||||
|
animation: `float ${Math.random() * 10 + 10}s linear infinite`,
|
||||||
|
animationDelay: `${Math.random() * 5}s`,
|
||||||
|
opacity: Math.random() * 0.5 + 0.2
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Add keyframes for floating animation */}
|
||||||
|
<style jsx global>{`
|
||||||
|
@keyframes float {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0) translateX(0);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
90% {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateY(-100vh) translateX(20px);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes pulse {
|
||||||
|
0%, 100% {
|
||||||
|
opacity: 0.6;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: scale(1.3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`}</style>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
171
app/product-manager/page.tsx
Normal file
171
app/product-manager/page.tsx
Normal file
@ -0,0 +1,171 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import Navbar from '@/components/Navbar/navbar';
|
||||||
|
import Hero from '@/components/Hero/hero';
|
||||||
|
import Features from "@/components/Features/features";
|
||||||
|
import Footer from "@/components/footer";
|
||||||
|
import { HoverEffect } from '@/components/ui/card-hover-effect';
|
||||||
|
import { Marquee } from '@/components/ui/marquee';
|
||||||
|
import { TextGenerateEffect } from "@/components/ui/text-generate-effect";
|
||||||
|
import { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
|
||||||
|
import { OrbitingCircles } from '@/components/magicui/orbiting-circles';
|
||||||
|
|
||||||
|
const heading = "Everyday Product Management – Build, Iterate, and Deliver with Confidence";
|
||||||
|
const description = "Everyday empowers product teams with seamless workflows, centralizing feedback, roadmaps, and sprints. Move beyond rigid tools—gain the flexibility to adapt and innovate faster, all while staying aligned with business objectives.";
|
||||||
|
const image = "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860625/Homepage%20%E2%80%94%20Sept%202024/sc03_HP_240917_Power-with-AI_v02_supxar.mp4";
|
||||||
|
|
||||||
|
const features = [
|
||||||
|
{
|
||||||
|
head: "Centralize and analyze customer feedback",
|
||||||
|
desc: "Gather insights from various channels and transform raw feedback into actionable data. Keep your team aligned with customer needs and prioritize effectively.",
|
||||||
|
button: "Explore tools",
|
||||||
|
buttonColor: "sky-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_01_slh5ws.png",
|
||||||
|
link: "#"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Align initiatives and track progress",
|
||||||
|
desc: "Ensure every product initiative aligns with company goals. Use dashboards to track KPIs, monitor health, and maintain visibility across projects.",
|
||||||
|
button: "Get started",
|
||||||
|
buttonColor: "purple-300",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_02_ivu6pd.png",
|
||||||
|
link: "#"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Compare planned vs. actual outcomes",
|
||||||
|
desc: "Keep your team agile with real-time tracking. Plan sprints, review milestones, and measure impact—all within Everyday’s interconnected workflows.",
|
||||||
|
button: "Unlock now",
|
||||||
|
buttonColor: "amber-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809091/Solutions/Marketing/marketing-lp_04_liatuw.png",
|
||||||
|
link: "#"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const images = [
|
||||||
|
"https://www.zarla.com/images/starbucks-logo-2400x2400-20220513.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/apple-logo-2400x2400-20220512-3.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/google-logo-2400x2400-20220519.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/mercedes-benz-logo-2400x2400-20220513-2.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/walmart-logo-2400x2400-20223105.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
"https://www.zarla.com/images/pepsi-logo-2400x2400-20220513-1.png?crop=1:1,smart&width=150&dpr=2",
|
||||||
|
];
|
||||||
|
|
||||||
|
const contents = [
|
||||||
|
{
|
||||||
|
title: "Centralize Product Feedback",
|
||||||
|
description:
|
||||||
|
"Break down silos by unifying customer feedback from multiple channels. Gain a complete understanding of user needs, feature requests, and pain points in one place.",
|
||||||
|
link: "https://stripe.com",
|
||||||
|
icon: FaListUl, // Add icon here
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Streamline Product Development",
|
||||||
|
description:
|
||||||
|
"Automate workflows across your product lifecycle. Connect insights, prioritize roadmaps, and track progress effortlessly—so your team can focus on building impactful features.",
|
||||||
|
link: "https://netflix.com",
|
||||||
|
icon: FaSearch, // Add icon here
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Align Teams with Shared Goals",
|
||||||
|
description:
|
||||||
|
"Keep product, engineering, and design teams on the same page. Plan sprints, track key results, and ensure every initiative contributes to your strategic vision.",
|
||||||
|
link: "https://enterprise.everydayseries.com/",
|
||||||
|
icon: FaArrowsAlt, // Add icon here
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const words = `“Stay ahead with evolving product workflows—Everyday continuously introduces new features to enhance your development process.”`
|
||||||
|
|
||||||
|
export default function Integrations() {
|
||||||
|
return (
|
||||||
|
<div className="p-6 bg-[#080E12] dark text-white">
|
||||||
|
<Navbar />
|
||||||
|
<div className='h-screen py-10 px-24 flex flex-col items-start justify-end'>
|
||||||
|
<h1 className="text-8xl mb-10">{heading}</h1>
|
||||||
|
<h2 className='text-4xl'>{description}</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* <Hero /> */}
|
||||||
|
<div className='flex w-full my-40'>
|
||||||
|
<div className="relative flex h-[550px] w-1/2 flex-col items-center justify-center overflow-hidden">
|
||||||
|
<img
|
||||||
|
src="https://res.cloudinary.com/zapier-media/image/upload/q_auto,f_auto/v1718390031/Solutions/RevOps/revops-ai_jgccpl.png"
|
||||||
|
alt="Workflow GIF"
|
||||||
|
className="rounded-lg shadow-lg w-[60%] h-1/2 mx-auto"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className='flex flex-col w-1/2 justify-center space-y-10'>
|
||||||
|
<h1 className='text-7xl font-medium tracking-wide'>Bring Your Tools Together</h1>
|
||||||
|
<p className='text-xl'>With Everyday, you can easily connect and synchronize data from thousands of applications, creating a comprehensive and efficient workflow tailored to your business needs.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="flex flex-col text-white h-fit py-20 space-y-40">
|
||||||
|
{features.map((item, index) => (
|
||||||
|
<div key={index} className="p-6 text-center space-y-10 h-fit">
|
||||||
|
{/* Feature Heading and Description */}
|
||||||
|
<h2 className="text-5xl mb-2 w-2/3 mx-auto">{item.head}</h2>
|
||||||
|
<p className="w-2/3 mx-auto -mt-3">{item.desc}</p>
|
||||||
|
<img className="w-[90%] mx-auto" src={item.image} alt=""></img>
|
||||||
|
<a
|
||||||
|
href={item.link}
|
||||||
|
className={`bg-${item.buttonColor} hover:bg-violet-300 font-medium px-4 py-2 rounded-lg mt-4 inline-block`}
|
||||||
|
>
|
||||||
|
{item.button}
|
||||||
|
</a>
|
||||||
|
|
||||||
|
{/* Conditional Rendering for Marquee After First Feature */}
|
||||||
|
{index === 0 && (
|
||||||
|
<>
|
||||||
|
<Marquee className="[--duration:60s] w-[90%] mx-auto mt-20">
|
||||||
|
<div className="flex space-x-10">
|
||||||
|
{images.map((img, index) => (
|
||||||
|
<img
|
||||||
|
key={index}
|
||||||
|
src={img}
|
||||||
|
alt={`Avatar ${index + 1}`}
|
||||||
|
className="h-24 w-24 border rounded-lg object-cover"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Marquee>
|
||||||
|
<Marquee reverse className="[--duration:60s] w-[90%] mx-auto">
|
||||||
|
<div className="flex space-x-10">
|
||||||
|
{images.map((img, index) => (
|
||||||
|
<img
|
||||||
|
key={index}
|
||||||
|
src={img}
|
||||||
|
alt={`Avatar ${index + 1}`}
|
||||||
|
className="h-24 w-24 border rounded-lg object-cover"
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Marquee>
|
||||||
|
{/* Add gradient effects for marquee */}
|
||||||
|
<div className="pointer-events-none absolute inset-y-0 left-0 w-1/3 bg-gradient-to-l from-transparent to-[#080E12]"></div>
|
||||||
|
<div className="pointer-events-none absolute inset-y-0 right-0 w-1/3 bg-gradient-to-r from-transparent to-[#080E12]"></div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
<div className="max-w-7xl mx-auto px-8 my-20">
|
||||||
|
<HoverEffect items={contents} />
|
||||||
|
</div>
|
||||||
|
<div className="bg-white rounded-lg shadow-md px-10 py-20 mx-10 my-20">
|
||||||
|
<div className="text-yellow-500 text-center text-2xl mb-10">
|
||||||
|
★★★★★
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* <p className="text-gray-700 leading-relaxed text-4xl">
|
||||||
|
<strong className="font-semibold">Magic Button:</strong> Simply press the magic button to instantly generate your series automatically.
|
||||||
|
</p> */}
|
||||||
|
<TextGenerateEffect words={words} />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
353
app/sales/page.tsx
Normal file
353
app/sales/page.tsx
Normal file
@ -0,0 +1,353 @@
|
|||||||
|
"use client";
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
import Navbar from '@/components/Navbar/navbar';
|
||||||
|
import Footer from "@/components/footer";
|
||||||
|
import { HoverEffect } from '@/components/ui/card-hover-effect';
|
||||||
|
import { Marquee } from '@/components/ui/marquee';
|
||||||
|
import { TextGenerateEffect } from "@/components/ui/text-generate-effect";
|
||||||
|
import { FaListUl, FaSearch, FaArrowsAlt, FaRegFileAlt, FaCalendarAlt, FaChartLine,
|
||||||
|
FaTasks, FaUsers, FaCog, FaRocket, FaLightbulb, FaDatabase } from 'react-icons/fa';
|
||||||
|
import { OrbitingCircles } from '@/components/magicui/orbiting-circles';
|
||||||
|
|
||||||
|
const heading = "Everyday Sales - Optimize and Automate Your Sales Workflows";
|
||||||
|
const description = "Bid farewell to inflexible systems. Everyday equips you with everything needed to power your sales engine, offering you full control to navigate it as you wish.";
|
||||||
|
|
||||||
|
const features = [
|
||||||
|
{
|
||||||
|
head: "Centralize and Analyze All Your Customer Feedback",
|
||||||
|
desc: "Accumulating your customers' insights in one platform ensures you're steering development in the right direction.",
|
||||||
|
button: "Explore tools",
|
||||||
|
buttonColor: "sky-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_01_slh5ws.png",
|
||||||
|
link: "#",
|
||||||
|
icon: <FaUsers className="text-sky-400 text-2xl" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Set Key Objectives and Align Teams",
|
||||||
|
desc: "An executive dashboard allows you to delve into Key Results. Monitor health, status, and related information like objectives or projects.",
|
||||||
|
button: "Get started",
|
||||||
|
buttonColor: "purple-300",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_02_ivu6pd.png",
|
||||||
|
link: "#",
|
||||||
|
icon: <FaTasks className="text-purple-400 text-2xl" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Craft a Dynamic Sales Roadmap",
|
||||||
|
desc: "Create, manage, and deliver a sales roadmap that energizes your entire organization, yet is adaptable enough to adjust to unforeseen circumstances.",
|
||||||
|
button: "Unlock now",
|
||||||
|
buttonColor: "amber-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809091/Solutions/Marketing/marketing-lp_04_liatuw.png",
|
||||||
|
link: "#",
|
||||||
|
icon: <FaRocket className="text-amber-400 text-2xl" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Visualize and Interpret Trends",
|
||||||
|
desc: "Built-in reporting swiftly uncovers key insights and best practices, expediting action and elevating your processes.",
|
||||||
|
button: "See demo",
|
||||||
|
buttonColor: "emerald-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809091/Solutions/Marketing/marketing-lp_04_liatuw.png",
|
||||||
|
link: "#",
|
||||||
|
icon: <FaChartLine className="text-emerald-400 text-2xl" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Manage Sales Cycles and Delivery",
|
||||||
|
desc: "Draw together product insights by consolidating all feedback—from every tool and source—into a single, accessible location.",
|
||||||
|
button: "Learn more",
|
||||||
|
buttonColor: "rose-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_02_ivu6pd.png",
|
||||||
|
link: "#",
|
||||||
|
icon: <FaCalendarAlt className="text-rose-400 text-2xl" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
head: "Establish a Unified Sales Roadmap",
|
||||||
|
desc: "Synchronize around a flexible, organization-wide roadmap. Customizable views allow every department to see their role.",
|
||||||
|
button: "View details",
|
||||||
|
buttonColor: "blue-200",
|
||||||
|
image: "https://res.cloudinary.com/zapier-media/image/upload/q_auto/f_auto/v1727809087/Solutions/Marketing/marketing-lp_01_slh5ws.png",
|
||||||
|
link: "#",
|
||||||
|
icon: <FaRegFileAlt className="text-blue-400 text-2xl" />
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const whyEveryday = [
|
||||||
|
{
|
||||||
|
title: "Perfect Fit for Sales Teams",
|
||||||
|
description: "Everyday seamlessly integrates your sales roadmaps, customer feedback, and target schedules, keeping them perfectly aligned. With the right data at their fingertips, teams can concentrate on delivering exceptional sales results, quicker.",
|
||||||
|
icon: <FaUsers className="text-4xl text-indigo-400" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Set Key Objectives and Align Teams",
|
||||||
|
description: "An executive dashboard allows you to delve into Key Results. Monitor health, status, and related information like objectives or projects.",
|
||||||
|
icon: <FaTasks className="text-4xl text-blue-400" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Craft a Dynamic Sales Roadmap",
|
||||||
|
description: "Create, manage, and deliver a sales roadmap that energizes your entire organization, yet is adaptable enough to adjust to unforeseen circumstances.",
|
||||||
|
icon: <FaRocket className="text-4xl text-green-400" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Establish a Unified Sales Roadmap",
|
||||||
|
description: "Synchronize around a flexible, organization-wide roadmap. Customizable views allow every department to see their role, and plan accordingly.",
|
||||||
|
icon: <FaRegFileAlt className="text-4xl text-amber-400" />
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const detailedFeatures = [
|
||||||
|
{
|
||||||
|
title: "Built-in Reporting for Key Insights",
|
||||||
|
description: "Built-in reporting swiftly uncovers key insights and best practices, expediting action and elevating your processes.",
|
||||||
|
subFeature: "Consolidate All Essential Data in One Place Integrate your crucial tools to bring more context into the sales process.",
|
||||||
|
icon: <FaChartLine className="text-4xl text-sky-400" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Manage Sales Cycles and Delivery",
|
||||||
|
description: "Draw together product insights by consolidating all feedback—from every tool and source—into a single, accessible location.",
|
||||||
|
subFeature: "Ensure launches stay on course with comprehensive tracking and management.",
|
||||||
|
icon: <FaCalendarAlt className="text-4xl text-purple-400" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Centralize Customer Feedback",
|
||||||
|
description: "Accumulating your customers' insights in one platform ensures you're steering development in the right direction.",
|
||||||
|
subFeature: "Develop a feedback repository from every tool and source into a single, accessible location.",
|
||||||
|
icon: <FaDatabase className="text-4xl text-rose-400" />
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Visualize and Interpret Trends",
|
||||||
|
description: "Plan and Prioritize as a Team. Stay on track with every initiative while maintaining a detailed view into OKRs.",
|
||||||
|
subFeature: "Interconnect across all teams with comprehensive data visualization tools.",
|
||||||
|
icon: <FaLightbulb className="text-4xl text-amber-400" />
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
const words = `"Experience true versatility for sales teams. Everyday seamlessly integrates your sales roadmaps, customer feedback, and target schedules, keeping them perfectly aligned."`;
|
||||||
|
|
||||||
|
export default function SalesHub() {
|
||||||
|
return (
|
||||||
|
<div className="bg-[#080E12] dark text-white">
|
||||||
|
<Navbar />
|
||||||
|
|
||||||
|
{/* Hero Section */}
|
||||||
|
<div className="min-h-screen flex flex-col justify-center p-6 md:p-12 lg:p-24 relative overflow-hidden">
|
||||||
|
<div className="max-w-7xl mx-auto w-full z-10">
|
||||||
|
<h1 className="text-5xl md:text-7xl lg:text-8xl font-semibold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-white to-gray-400">
|
||||||
|
{heading}
|
||||||
|
</h1>
|
||||||
|
<h2 className="text-2xl md:text-3xl lg:text-4xl max-w-4xl mb-12">
|
||||||
|
{description}
|
||||||
|
</h2>
|
||||||
|
<div className="flex flex-wrap gap-4">
|
||||||
|
<button className="px-8 py-3 bg-gradient-to-r from-sky-500 to-indigo-600 rounded-lg text-lg font-medium hover:from-sky-600 hover:to-indigo-700 transition-all">
|
||||||
|
Get Started
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-3 bg-gray-800 rounded-lg text-lg font-medium hover:bg-gray-700 transition-all border border-gray-700">
|
||||||
|
Book Demo
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="absolute right-0 bottom-0 w-full md:w-1/2 h-1/2 opacity-20 md:opacity-30">
|
||||||
|
<div className="w-full h-full bg-gradient-to-tr from-indigo-500 via-purple-500 to-pink-500 rounded-full blur-3xl"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Integration Hub */}
|
||||||
|
<div className="py-24 px-6 md:px-12">
|
||||||
|
<div className="max-w-7xl mx-auto flex flex-col md:flex-row gap-12 items-center">
|
||||||
|
<div className="relative flex h-[400px] w-full md:w-1/2 flex-col items-center justify-center overflow-hidden">
|
||||||
|
<OrbitingCircles iconSize={50} radius={180}>
|
||||||
|
<Icons.salesforce />
|
||||||
|
<Icons.hubspot />
|
||||||
|
<Icons.slack />
|
||||||
|
<Icons.zoom />
|
||||||
|
<Icons.linkedin />
|
||||||
|
</OrbitingCircles>
|
||||||
|
<OrbitingCircles iconSize={40} radius={120} reverse speed={2}>
|
||||||
|
<Icons.salesforce />
|
||||||
|
<Icons.hubspot />
|
||||||
|
<Icons.slack />
|
||||||
|
<Icons.zoom />
|
||||||
|
</OrbitingCircles>
|
||||||
|
</div>
|
||||||
|
<div className="flex flex-col w-full md:w-1/2 gap-6">
|
||||||
|
<h2 className="text-4xl md:text-5xl lg:text-6xl font-medium tracking-wide">
|
||||||
|
Bring Your Sales Tools Together
|
||||||
|
</h2>
|
||||||
|
<p className="text-lg md:text-xl text-gray-300">
|
||||||
|
With Everyday, you can easily connect and synchronize data from your CRM, email marketing platforms, sales enablement tools, and more, creating a comprehensive and efficient workflow tailored to your sales team's needs.
|
||||||
|
</p>
|
||||||
|
<button className="px-6 py-3 bg-gray-800 rounded-lg w-fit hover:bg-gray-700 transition-all border border-gray-700 mt-4">
|
||||||
|
Discover Integrations
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Why Everyday Section */}
|
||||||
|
<div className="py-24 px-6 md:px-12 bg-gradient-to-b from-[#0A1218] to-[#080E12]">
|
||||||
|
<div className="max-w-7xl mx-auto">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-16 text-center">
|
||||||
|
Why Everyday is the <span className="text-indigo-400">Perfect Fit</span> for Sales Teams
|
||||||
|
</h2>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-10">
|
||||||
|
{whyEveryday.map((item, index) => (
|
||||||
|
<div key={index} className="bg-gray-900/50 backdrop-blur-sm p-8 rounded-xl border border-gray-800 hover:border-gray-700 transition-all">
|
||||||
|
<div className="mb-6">{item.icon}</div>
|
||||||
|
<h3 className="text-2xl font-semibold mb-4">{item.title}</h3>
|
||||||
|
<p className="text-gray-300">{item.description}</p>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Features Grid */}
|
||||||
|
<div className="py-24 px-6 md:px-12">
|
||||||
|
<div className="max-w-7xl mx-auto">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-4 text-center">All Features</h2>
|
||||||
|
<p className="text-xl text-gray-300 text-center mb-16 max-w-3xl mx-auto">
|
||||||
|
Everything you need to optimize your sales workflows in one powerful platform
|
||||||
|
</p>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
|
{features.map((feature, index) => (
|
||||||
|
<div key={index} className="bg-gray-900/50 backdrop-blur-sm rounded-xl p-8 hover:shadow-lg hover:shadow-indigo-900/20 transition-all border border-gray-800 hover:border-gray-700">
|
||||||
|
<div className="mb-6">{feature.icon}</div>
|
||||||
|
<h3 className="text-2xl font-semibold mb-4">{feature.head}</h3>
|
||||||
|
<p className="text-gray-300 mb-6">{feature.desc}</p>
|
||||||
|
<a href={feature.link} className={`inline-block px-6 py-2 rounded-md bg-${feature.buttonColor} text-gray-900 font-medium hover:opacity-90 transition-opacity`}>
|
||||||
|
{feature.button}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Testimonial */}
|
||||||
|
<div className="py-24 px-6 md:px-12">
|
||||||
|
<div className="max-w-4xl mx-auto bg-gradient-to-r from-gray-900 to-gray-800 rounded-2xl shadow-xl p-10 md:p-16 border border-gray-700">
|
||||||
|
<div className="text-amber-400 text-center text-2xl mb-10">
|
||||||
|
★★★★★
|
||||||
|
</div>
|
||||||
|
<TextGenerateEffect words={words} className="text-xl md:text-2xl font-medium italic text-center" />
|
||||||
|
<p className="text-center mt-10 text-gray-400">— Michael Scott, Regional Manager</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Detailed Features */}
|
||||||
|
<div className="py-24 px-6 md:px-12 bg-gradient-to-b from-[#0A1218] to-[#080E12]">
|
||||||
|
<div className="max-w-7xl mx-auto">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-16 text-center">
|
||||||
|
Powerful <span className="text-sky-400">Features</span> for Modern Sales Teams
|
||||||
|
</h2>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
|
||||||
|
{detailedFeatures.map((feature, index) => (
|
||||||
|
<div key={index} className="flex gap-6">
|
||||||
|
<div className="flex-shrink-0">{feature.icon}</div>
|
||||||
|
<div>
|
||||||
|
<h3 className="text-2xl font-semibold mb-3">{feature.title}</h3>
|
||||||
|
<p className="text-gray-300 mb-4">{feature.description}</p>
|
||||||
|
<div className="bg-gray-800/50 p-4 rounded-lg border-l-4 border-indigo-500">
|
||||||
|
<p className="text-gray-200">{feature.subFeature}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* Marketplace Section */}
|
||||||
|
<div className="py-24 px-6 md:px-12">
|
||||||
|
<div className="max-w-7xl mx-auto">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6 text-center">
|
||||||
|
Start Swiftly with Everyday Marketplace
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 text-center mb-16 max-w-3xl mx-auto">
|
||||||
|
Our ready-to-use sales workflows and tools assist in building workflows that link across your team and organization. Now, you can centralize customer feedback, track work to goals, plan sales cycles, and more.
|
||||||
|
</p>
|
||||||
|
<div className="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||||
|
{features.slice(0, 3).map((feature, index) => (
|
||||||
|
<div key={index} className="bg-gradient-to-br from-gray-800 to-gray-900 rounded-xl p-8 hover:shadow-lg hover:shadow-indigo-900/20 transition-all border border-gray-700">
|
||||||
|
<h3 className="text-2xl font-semibold mb-4">{feature.head}</h3>
|
||||||
|
<p className="text-gray-300 mb-6">{feature.desc}</p>
|
||||||
|
<a href={feature.link} className={`inline-block px-6 py-2 rounded-md bg-${feature.buttonColor} text-gray-100 font-medium hover:opacity-90 transition-opacity`}>
|
||||||
|
{feature.button}
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* CTA Section */}
|
||||||
|
<div className="py-24 px-6 md:px-12 bg-gradient-to-r from-indigo-900/20 to-purple-900/20">
|
||||||
|
<div className="max-w-4xl mx-auto text-center">
|
||||||
|
<h2 className="text-4xl md:text-5xl font-bold mb-6">
|
||||||
|
Ready to Transform Your Sales Workflow?
|
||||||
|
</h2>
|
||||||
|
<p className="text-xl text-gray-300 mb-10">
|
||||||
|
Join thousands of sales teams who have revolutionized their processes with Everyday.
|
||||||
|
</p>
|
||||||
|
<div className="flex flex-wrap gap-4 justify-center">
|
||||||
|
<button className="px-8 py-4 bg-gradient-to-r from-sky-500 to-indigo-600 rounded-lg text-lg font-medium hover:from-sky-600 hover:to-indigo-700 transition-all">
|
||||||
|
Get Started Today
|
||||||
|
</button>
|
||||||
|
<button className="px-8 py-4 bg-gray-800 rounded-lg text-lg font-medium hover:bg-gray-700 transition-all border border-gray-700">
|
||||||
|
Schedule a Demo
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Footer />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const Icons = {
|
||||||
|
salesforce: () => (
|
||||||
|
<svg width="100" height="100" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M10.4 23C10.4 21.3 10.7 19.8 11.4 18.4C12.1 17 13 15.8 14.2 14.9C15.4 13.9 16.8 13.1 18.3 12.6C19.9 12.1 21.5 11.8 23.2 11.8C25 11.8 26.6 12.1 28.1 12.6C29.6 13.1 31 13.9 32.2 14.9C33.4 15.9 34.3 17.1 35 18.4C35.7 19.8 36 21.3 36 23C36 24.7 35.7 26.2 35 27.6C34.3 29 33.4 30.2 32.2 31.1C31 32.1 29.6 32.9 28.1 33.4C26.6 33.9 25 34.2 23.2 34.2C21.5 34.2 19.9 33.9 18.3 33.4C16.8 32.9 15.4 32.1 14.2 31.1C13 30.1 12.1 28.9 11.4 27.6C10.7 26.2 10.4 24.7 10.4 23Z" fill="#00A1E0"/>
|
||||||
|
<path d="M26.5 20C26.5 19.4 26.3 18.9 26 18.5C25.7 18.1 25.2 17.9 24.6 17.9C24 17.9 23.5 18.1 23.2 18.5C22.9 18.9 22.7 19.4 22.7 20C22.7 20.6 22.9 21.1 23.2 21.5C23.5 21.9 24 22.1 24.6 22.1C25.2 22.1 25.7 21.9 26 21.5C26.3 21.1 26.5 20.6 26.5 20Z" fill="white"/>
|
||||||
|
<path d="M19.8 24.2C19.8 23.6 19.6 23.1 19.3 22.7C19 22.3 18.5 22.1 17.9 22.1C17.3 22.1 16.8 22.3 16.5 22.7C16.2 23.1 16 23.6 16 24.2C16 24.8 16.2 25.3 16.5 25.7C16.8 26.1 17.3 26.3 17.9 26.3C18.5 26.3 19 26.1 19.3 25.7C19.6 25.3 19.8 24.8 19.8 24.2Z" fill="white"/>
|
||||||
|
<path d="M33.3 24.2C33.3 23.6 33.1 23.1 32.8 22.7C32.5 22.3 32 22.1 31.4 22.1C30.8 22.1 30.3 22.3 30 22.7C29.7 23.1 29.5 23.6 29.5 24.2C29.5 24.8 29.7 25.3 30 25.7C30.3 26.1 30.8 26.3 31.4 26.3C32 26.3 32.5 26.1 32.8 25.7C33.1 25.3 33.3 24.8 33.3 24.2Z" fill="white"/>
|
||||||
|
<path d="M26.5 28.4C26.5 27.8 26.3 27.3 26 26.9C25.7 26.5 25.2 26.3 24.6 26.3C24 26.3 23.5 26.5 23.2 26.9C22.9 27.3 22.7 27.8 22.7 28.4C22.7 29 22.9 29.5 23.2 29.9C23.5 30.3 24 30.5 24.6 30.5C25.2 30.5 25.7 30.3 26 29.9C26.3 29.5 26.5 29 26.5 28.4Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
hubspot: () => (
|
||||||
|
<svg width="100" height="100" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M245.333 140.667H266.667V226.667H352.667V248H266.667V334H245.333V248H159.333V226.667H245.333V140.667Z" fill="white"/>
|
||||||
|
<path d="M394.667 202.667C394.667 190.333 384.667 180.333 372.333 180.333C360 180.333 350 190.333 350 202.667C350 215 360 225 372.333 225C384.667 225 394.667 215 394.667 202.667Z" fill="white"/>
|
||||||
|
<path d="M162 202.667C162 190.333 152 180.333 139.667 180.333C127.333 180.333 117.333 190.333 117.333 202.667C117.333 215 127.333 225 139.667 225C152 225 162 215 162 202.667Z" fill="white"/>
|
||||||
|
<path d="M394.667 309.333C394.667 297 384.667 287 372.333 287C360 287 350 297 350 309.333C350 321.667 360 331.667 372.333 331.667C384.667 331.667 394.667 321.667 394.667 309.333Z" fill="white"/>
|
||||||
|
<path d="M162 309.333C162 297 152 287 139.667 287C127.333 287 117.333 297 117.333 309.333C117.333 321.667 127.333 331.667 139.667 331.667C152 331.667 162 321.667 162 309.333Z" fill="white"/>
|
||||||
|
<path d="M256 117.333C176.76 117.333 112.667 181.427 112.667 260.667C112.667 339.907 176.76 404 256 404C335.24 404 399.333 339.907 399.333 260.667C399.333 181.427 335.24 117.333 256 117.333ZM256 382.667C188.52 382.667 134 328.147 134 260.667C134 193.187 188.52 138.667 256 138.667C323.48 138.667 378 193.187 378 260.667C378 328.147 323.48 382.667 256 382.667Z" fill="#FF7A59"/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
slack: () => (
|
||||||
|
<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M14.5 10C13.672 10 13 9.328 13 8.5V3.5C13 2.672 13.672 2 14.5 2C15.328 2 16 2.672 16 3.5V8.5C16 9.328 15.328 10 14.5 10Z" fill="#E01E5A"/>
|
||||||
|
<path d="M20.5 10H19V8.5C19 7.672 19.672 7 20.5 7C21.328 7 22 7.672 22 8.5C22 9.328 21.328 10 20.5 10Z" fill="#E01E5A"/>
|
||||||
|
<path d="M9.5 14C10.328 14 11 14.672 11 15.5V20.5C11 21.328 10.328 22 9.5 22C8.672 22 8 21.328 8 20.5V15.5C8 14.672 8.672 14 9.5 14Z" fill="#2EB67D"/>
|
||||||
|
<path d="M3.5 14H5V15.5C5 16.328 4.328 17 3.5 17C2.672 17 2 16.328 2 15.5C2 14.672 2.672 14 3.5 14Z" fill="#2EB67D"/>
|
||||||
|
<path d="M14 9.5C14 10.328 13.328 11 12.5 11H7.5C6.672 11 6 10.328 6 9.5C6 8.672 6.672 8 7.5 8H12.5C13.328 8 14 8.672 14 9.5Z" fill="#ECB22E"/>
|
||||||
|
<path d="M7.5 5H9V3.5C9 2.672 8.328 2 7.5 2C6.672 2 6 2.672 6 3.5C6 4.328 6.672 5 7.5 5Z" fill="#ECB22E"/>
|
||||||
|
<path d="M10 14.5C10 13.672 10.672 13 11.5 13H16.5C17.328 13 18 13.672 18 14.5C18 15.328 17.328 16 16.5 16H11.5C10.672 16 10 15.328 10 14.5Z" fill="#36C5F0"/>
|
||||||
|
<path d="M16.5 19H15V20.5C15 21.328 15.672 22 16.5 22C17.328 22 18 21.328 18 20.5C18 19.672 17.328 19 16.5 19Z" fill="#36C5F0"/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
zoom: () => (
|
||||||
|
<svg width="100" height="100" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M28 46.667C38.2173 46.667 46.6667 38.2177 46.6667 28.0003C46.6667 17.783 38.2173 9.33366 28 9.33366C17.7826 9.33366 9.33331 17.783 9.33331 28.0003C9.33331 38.2177 17.7826 46.667 28 46.667Z" fill="#4A8CFF"/>
|
||||||
|
<path d="M22.6667 21V35L35 28L22.6667 21Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
linkedin: () => (
|
||||||
|
<svg width="100" height="100" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M19 3H5C3.895 3 3 3.895 3 5V19C3 20.105 3.895 21 5 21H19C20.105 21 21 20.105 21 19V5C21 3.895 20.105 3 19 3Z" fill="#0077B5"/>
|
||||||
|
<path d="M8.5 10.5V16.5H6.5V10.5H8.5Z" fill="white"/>
|
||||||
|
<path d="M7.5 7.5C8.32843 7.5 9 8.17157 9 9C9 9.82843 8.32843 10.5 7.5 10.5C6.67157 10.5 6 9.82843 6 9C6 8.17157 6.67157 7.5 7.5 7.5Z" fill="white"/>
|
||||||
|
<path d="M13 10.5C13 10.5 13 12.5 13 13.5C13 14.5 13.5 15.5 14.5 15.5C15.5 15.5 16 14.5 16 13.5V10.5H18V16.5H16V15.5C16 15.5 15.5 16.5 14 16.5C12.5 16.5 11 15.5 11 13.5V10.5H13Z" fill="white"/>
|
||||||
|
</svg>
|
||||||
|
),
|
||||||
|
};
|
||||||
@ -1,45 +0,0 @@
|
|||||||
import type { Metadata } from "next";
|
|
||||||
import { Geist, Geist_Mono } from "next/font/google";
|
|
||||||
import { Poppins, Arimo, Outfit, Roboto } from 'next/font/google';
|
|
||||||
import "../globals.css";
|
|
||||||
|
|
||||||
const poppins = Poppins({
|
|
||||||
weight: ['300', '400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const arimo = Arimo({
|
|
||||||
weight: ['400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistSans = Geist({
|
|
||||||
variable: "--font-geist-sans",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistMono = Geist_Mono({
|
|
||||||
variable: "--font-geist-mono",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
|
||||||
title: "Create Next App",
|
|
||||||
description: "Generated by create next app",
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
|
||||||
children,
|
|
||||||
}: Readonly<{
|
|
||||||
children: React.ReactNode;
|
|
||||||
}>) {
|
|
||||||
return (
|
|
||||||
<html lang="en">
|
|
||||||
<body
|
|
||||||
className={`${poppins.className} antialiased`}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -190,4 +190,4 @@ export default function Series() {
|
|||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -1,45 +0,0 @@
|
|||||||
import type { Metadata } from "next";
|
|
||||||
import { Geist, Geist_Mono } from "next/font/google";
|
|
||||||
import { Poppins, Arimo, Outfit, Roboto } from 'next/font/google';
|
|
||||||
import "../globals.css";
|
|
||||||
|
|
||||||
const poppins = Poppins({
|
|
||||||
weight: ['300', '400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const arimo = Arimo({
|
|
||||||
weight: ['400', '500', '600', '700'],
|
|
||||||
subsets: ['latin'],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistSans = Geist({
|
|
||||||
variable: "--font-geist-sans",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
const geistMono = Geist_Mono({
|
|
||||||
variable: "--font-geist-mono",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
|
||||||
title: "Create Next App",
|
|
||||||
description: "Generated by create next app",
|
|
||||||
};
|
|
||||||
|
|
||||||
export default function RootLayout({
|
|
||||||
children,
|
|
||||||
}: Readonly<{
|
|
||||||
children: React.ReactNode;
|
|
||||||
}>) {
|
|
||||||
return (
|
|
||||||
<html lang="en">
|
|
||||||
<body
|
|
||||||
className={`${poppins.className} antialiased`}
|
|
||||||
>
|
|
||||||
{children}
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
@ -196,4 +196,4 @@ export default function Series() {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -168,4 +168,4 @@ export default function Series() {
|
|||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@ -170,6 +170,119 @@ export const ProductDropdown: React.FC = () => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
interface SolutionItem {
|
||||||
|
category: string;
|
||||||
|
list: {
|
||||||
|
name: string;
|
||||||
|
description: string;
|
||||||
|
icon: React.ReactNode;
|
||||||
|
link?: string;
|
||||||
|
}[];
|
||||||
|
}
|
||||||
|
const solutionItems: SolutionItem[] = [
|
||||||
|
{
|
||||||
|
category: 'Overview',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: 'Marketing',
|
||||||
|
description: 'Revolutionize campaigns with AI-driven automation',
|
||||||
|
icon: <IoMdAnalytics className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
|
||||||
|
link: '/marketing'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Product Manager',
|
||||||
|
description: 'Streamline workflows and build smarter, faster products',
|
||||||
|
icon: <RiProductHuntFill className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
|
||||||
|
link: '/product-manager'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Sales',
|
||||||
|
description: 'Close deals faster with seamless, automated tools',
|
||||||
|
icon: <RiMoneyEuroBoxFill className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
|
||||||
|
link: '/sales'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Finance',
|
||||||
|
description: 'Optimize processes and track budgets with ease',
|
||||||
|
icon: <FaMoneyBillAlt className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
|
||||||
|
link: '/finance'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'HR',
|
||||||
|
description: 'Empower your team with smarter workflow solutions',
|
||||||
|
icon: <FaUserCog className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
|
||||||
|
link: '/hr'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: 'Enterprises',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: 'Services',
|
||||||
|
description: 'Transform operations with AI-driven service solutions',
|
||||||
|
icon: <FaServicestack className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
|
||||||
|
link: '/services'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Security',
|
||||||
|
description: 'Protect your data with next-gen secure workflows',
|
||||||
|
icon: <MdSecurity className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />,
|
||||||
|
link: '/security'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
{
|
||||||
|
category: 'Users',
|
||||||
|
list: [
|
||||||
|
{
|
||||||
|
name: 'For Learners',
|
||||||
|
description: 'Learn smarter with intuitive tools and AI support',
|
||||||
|
icon: null,
|
||||||
|
link: '/learners'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'For Coders',
|
||||||
|
description: 'Code faster and build better with powerful tools',
|
||||||
|
icon: null,
|
||||||
|
link: '/coders'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'For Enterprises',
|
||||||
|
description: 'Scale operations with solutions built for enterprise growth',
|
||||||
|
icon: null,
|
||||||
|
link: '/enterprises'
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
const aiTools: { name: string; description: string; icon: React.ReactNode; link: string }[] = [
|
||||||
|
{
|
||||||
|
name: 'Story Book',
|
||||||
|
description: 'Generate a story using the power of AI.',
|
||||||
|
icon: <FaBook className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />,
|
||||||
|
link: '/storybook',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Audio Genie',
|
||||||
|
description: 'Generate and modify audio content effortlessly.',
|
||||||
|
icon: <FaMicrophone className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />,
|
||||||
|
link: '/audiogenie',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Custom Translator',
|
||||||
|
description: 'Neural Text translation system tailored to your needs.',
|
||||||
|
icon: <MdTranslate className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />,
|
||||||
|
link: '/translator',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'Text Classification',
|
||||||
|
description: 'Categorise text into user defined classes.',
|
||||||
|
icon: <IoText className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />,
|
||||||
|
link: '/text-classification',
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
// Solutions Dropdown Component
|
// Solutions Dropdown Component
|
||||||
export const SolutionsDropdown: React.FC = () => {
|
export const SolutionsDropdown: React.FC = () => {
|
||||||
return (
|
return (
|
||||||
@ -181,125 +294,41 @@ export const SolutionsDropdown: React.FC = () => {
|
|||||||
<p className='text-gray-300 text-sm'>Create AI solutions for your clients and enterprises.</p>
|
<p className='text-gray-300 text-sm'>Create AI solutions for your clients and enterprises.</p>
|
||||||
</div>
|
</div>
|
||||||
<div className='flex space-x-4'>
|
<div className='flex space-x-4'>
|
||||||
<div className='w-1/2 space-y-2'>
|
{solutionItems.map((solutionGroup, index) => (
|
||||||
<h3 className='font-medium text-sm text-slate-300'>Overview</h3>
|
<div className='w-1/3 space-y-2' key={index}>
|
||||||
<ul className='space-y-4'>
|
<h3 className='font-medium text-sm text-slate-300'>{solutionGroup.category}</h3>
|
||||||
<li className='flex items-center space-x-4'>
|
<ul className='space-y-4'>
|
||||||
<IoMdAnalytics className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />
|
{solutionGroup.list.map((item, itemIndex) => (
|
||||||
<div className='group'>
|
<li className='flex items-center space-x-4' key={itemIndex}>
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Marketing</h3>
|
{item.icon && item.icon} {/* Render icon if it exists */}
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Revolutionize campaigns with AI-driven automation</p>
|
<div className='group hover:cursor-pointer'>
|
||||||
</div>
|
<a href={item.link} >
|
||||||
</li>
|
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>{item.name}</h3>
|
||||||
<li className='flex items-center space-x-4'>
|
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>{item.description}</p>
|
||||||
<RiProductHuntFill className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />
|
</a>
|
||||||
<div className='group'>
|
</div>
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Product Manager</h3>
|
</li>
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Streamline workflows and build smarter, faster products</p>
|
))}
|
||||||
</div>
|
</ul>
|
||||||
</li>
|
</div>
|
||||||
<li className='flex items-center space-x-4'>
|
))}
|
||||||
<RiMoneyEuroBoxFill className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Sales</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Close deals faster with seamless, automated tools</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<FaMoneyBillAlt className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Finance</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Optimize processes and track budgets with ease</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<FaUserCog className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>HR</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Empower your team with smarter workflow solutions</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className='w-1/2 space-y-2'>
|
|
||||||
<h3 className='font-medium text-sm text-slate-300'>Enterprises</h3>
|
|
||||||
<ul className='space-y-4'>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<FaServicestack className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Services</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Transform operations with AI-driven service solutions</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<MdSecurity className='h-10 w-10 p-2 rounded-lg items-center bg-white text-violet-500' />
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Security</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Protect your data with next-gen secure workflows</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{/* */}
|
|
||||||
<div className='w-1/2 space-y-2'>
|
|
||||||
<h3 className='font-medium text-sm text-slate-300'>Users</h3>
|
|
||||||
<ul className='space-y-4'>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>For Learners</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Learn smarter with intuitive tools and AI support</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>For Coders</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Code faster and build better with powerful tools</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<div className='group'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>For Enterprises</h3>
|
|
||||||
<p className='font-thin text-xs transition-all duration-200 group-hover:underline'>Scale operations with solutions built for enterprise growth</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='w-1/4 space-y-10 border-gray-300 border-l pl-10 py-5'>
|
<div className='w-1/4 space-y-10 border-gray-300 border-l pl-10 py-5'>
|
||||||
<h1 className='text-3xl'>Latest AI tools!</h1>
|
<h1 className='text-3xl'>Latest AI tools!</h1>
|
||||||
<div>
|
<div>
|
||||||
<ul className='space-y-4'>
|
<ul className='space-y-4'>
|
||||||
<li className='flex items-center space-x-4'>
|
{aiTools.map((tool, index) => (
|
||||||
<FaBook className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />
|
<li className='flex items-center space-x-4' key={index}>
|
||||||
<div className='group hover:cursor-pointer'>
|
{tool.icon}
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Story Book</h3>
|
<div className='group hover:cursor-pointer'>
|
||||||
<p className='font-thin text-xs'>Generate a story using the power of AI.</p>
|
<a href={tool.link}>
|
||||||
</div>
|
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>{tool.name}</h3>
|
||||||
</li>
|
<p className='font-thin text-xs'>{tool.description}</p>
|
||||||
<li className='flex items-center space-x-4'>
|
</a>
|
||||||
<FaMicrophone className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />
|
</div>
|
||||||
<div className='group hover:cursor-pointer'>
|
</li>
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Audio Genie</h3>
|
))}
|
||||||
<p className='font-thin text-xs'>Generate and modify audio content effortlessly.</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<MdTranslate className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />
|
|
||||||
<div className='group hover:cursor-pointer'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Custom Translator</h3>
|
|
||||||
<p className='font-thin text-xs'>Neural Text translation system tailored to your needs.</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='flex items-center space-x-4'>
|
|
||||||
<IoText className='h-10 w-10 p-2 rounded-lg items-center border-gray-300 border text-violet-500' />
|
|
||||||
<div className='group hover:cursor-pointer'>
|
|
||||||
<h3 className='font-medium transition-colors duration-200 group-hover:text-violet-500'>Text Classification</h3>
|
|
||||||
<p className='font-thin text-xs'>Categorise text into user defined classes.</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li className='transition-colors duration-200 hover:text-violet-500 hover:underline cursor-pointer flex items-center'>View More <IoMdArrowRoundForward /> </li>
|
<li className='transition-colors duration-200 hover:text-violet-500 hover:underline cursor-pointer flex items-center'>View More <IoMdArrowRoundForward /> </li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
@ -471,4 +500,4 @@ export const ResourcesDropdown: React.FC = () => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
382
package-lock.json
generated
382
package-lock.json
generated
@ -19,6 +19,7 @@
|
|||||||
"react": "^19.0.0",
|
"react": "^19.0.0",
|
||||||
"react-dom": "^19.0.0",
|
"react-dom": "^19.0.0",
|
||||||
"react-icons": "^5.4.0",
|
"react-icons": "^5.4.0",
|
||||||
|
"recharts": "^2.15.1",
|
||||||
"tailwind-merge": "^2.6.0",
|
"tailwind-merge": "^2.6.0",
|
||||||
"tailwindcss-animate": "^1.0.7"
|
"tailwindcss-animate": "^1.0.7"
|
||||||
},
|
},
|
||||||
@ -43,6 +44,18 @@
|
|||||||
"url": "https://github.com/sponsors/sindresorhus"
|
"url": "https://github.com/sponsors/sindresorhus"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@babel/runtime": {
|
||||||
|
"version": "7.26.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.26.9.tgz",
|
||||||
|
"integrity": "sha512-aA63XwOkcl4xxQa3HjPMqOP6LiK0ZDv3mUPYEFXkpHbaFjtGggE1A61FjFzJnB+p7/oy2gA8E+rcBNl/zC1tMg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"regenerator-runtime": "^0.14.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6.9.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@emnapi/runtime": {
|
"node_modules/@emnapi/runtime": {
|
||||||
"version": "1.3.1",
|
"version": "1.3.1",
|
||||||
"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
|
"resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.3.1.tgz",
|
||||||
@ -699,6 +712,69 @@
|
|||||||
"react": ">= 16"
|
"react": ">= 16"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@types/d3-array": {
|
||||||
|
"version": "3.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz",
|
||||||
|
"integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-color": {
|
||||||
|
"version": "3.1.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
|
||||||
|
"integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-ease": {
|
||||||
|
"version": "3.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
|
||||||
|
"integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-interpolate": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/d3-color": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-path": {
|
||||||
|
"version": "3.1.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
|
||||||
|
"integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-scale": {
|
||||||
|
"version": "4.0.9",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
|
||||||
|
"integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/d3-time": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-shape": {
|
||||||
|
"version": "3.1.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.7.tgz",
|
||||||
|
"integrity": "sha512-VLvUQ33C+3J+8p+Daf+nYSOsjB4GXp19/S/aGo60m9h1v6XaxjiT82lKVWJCfzhtuZ3yD7i/TPeC/fuKLLOSmg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/d3-path": "*"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-time": {
|
||||||
|
"version": "3.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
|
||||||
|
"integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/@types/d3-timer": {
|
||||||
|
"version": "3.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
|
||||||
|
"integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/@types/node": {
|
"node_modules/@types/node": {
|
||||||
"version": "20.17.14",
|
"version": "20.17.14",
|
||||||
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.14.tgz",
|
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.17.14.tgz",
|
||||||
@ -1002,7 +1078,133 @@
|
|||||||
"version": "3.1.3",
|
"version": "3.1.3",
|
||||||
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
|
||||||
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
|
"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
|
||||||
"dev": true,
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/d3-array": {
|
||||||
|
"version": "3.2.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
|
||||||
|
"integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"internmap": "1 - 2"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-color": {
|
||||||
|
"version": "3.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
|
||||||
|
"integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
|
||||||
|
"license": "ISC",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-ease": {
|
||||||
|
"version": "3.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
|
||||||
|
"integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
|
||||||
|
"license": "BSD-3-Clause",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-format": {
|
||||||
|
"version": "3.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.0.tgz",
|
||||||
|
"integrity": "sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==",
|
||||||
|
"license": "ISC",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-interpolate": {
|
||||||
|
"version": "3.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
|
||||||
|
"integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"d3-color": "1 - 3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-path": {
|
||||||
|
"version": "3.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
|
||||||
|
"integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
|
||||||
|
"license": "ISC",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-scale": {
|
||||||
|
"version": "4.0.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
|
||||||
|
"integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"d3-array": "2.10.0 - 3",
|
||||||
|
"d3-format": "1 - 3",
|
||||||
|
"d3-interpolate": "1.2.0 - 3",
|
||||||
|
"d3-time": "2.1.1 - 3",
|
||||||
|
"d3-time-format": "2 - 4"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-shape": {
|
||||||
|
"version": "3.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
|
||||||
|
"integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"d3-path": "^3.1.0"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-time": {
|
||||||
|
"version": "3.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
|
||||||
|
"integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"d3-array": "2 - 3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-time-format": {
|
||||||
|
"version": "4.1.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
|
||||||
|
"integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
|
||||||
|
"license": "ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"d3-time": "1 - 3"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/d3-timer": {
|
||||||
|
"version": "3.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
|
||||||
|
"integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
|
||||||
|
"license": "ISC",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/decimal.js-light": {
|
||||||
|
"version": "2.5.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
|
||||||
|
"integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
"node_modules/detect-libc": {
|
"node_modules/detect-libc": {
|
||||||
@ -1027,6 +1229,16 @@
|
|||||||
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
|
"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/dom-helpers": {
|
||||||
|
"version": "5.2.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
|
||||||
|
"integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.8.7",
|
||||||
|
"csstype": "^3.0.2"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/eastasianwidth": {
|
"node_modules/eastasianwidth": {
|
||||||
"version": "0.2.0",
|
"version": "0.2.0",
|
||||||
"resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
|
"resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
|
||||||
@ -1039,6 +1251,21 @@
|
|||||||
"integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
|
"integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/eventemitter3": {
|
||||||
|
"version": "4.0.7",
|
||||||
|
"resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
|
||||||
|
"integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/fast-equals": {
|
||||||
|
"version": "5.2.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.2.2.tgz",
|
||||||
|
"integrity": "sha512-V7/RktU11J3I36Nwq2JnZEM7tNm17eBJz+u25qdxBZeCKiX6BkVSZQjwWIr+IobgnZy+ag73tTZgZi7tr0LrBw==",
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=6.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/fast-glob": {
|
"node_modules/fast-glob": {
|
||||||
"version": "3.3.3",
|
"version": "3.3.3",
|
||||||
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
|
"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
|
||||||
@ -1198,6 +1425,15 @@
|
|||||||
"node": ">= 0.4"
|
"node": ">= 0.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/internmap": {
|
||||||
|
"version": "2.0.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
|
||||||
|
"integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
|
||||||
|
"license": "ISC",
|
||||||
|
"engines": {
|
||||||
|
"node": ">=12"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/is-arrayish": {
|
"node_modules/is-arrayish": {
|
||||||
"version": "0.3.2",
|
"version": "0.3.2",
|
||||||
"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
|
"resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.3.2.tgz",
|
||||||
@ -1301,6 +1537,12 @@
|
|||||||
"jiti": "bin/jiti.js"
|
"jiti": "bin/jiti.js"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/js-tokens": {
|
||||||
|
"version": "4.0.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
|
||||||
|
"integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/lilconfig": {
|
"node_modules/lilconfig": {
|
||||||
"version": "3.1.3",
|
"version": "3.1.3",
|
||||||
"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
|
"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
|
||||||
@ -1319,6 +1561,24 @@
|
|||||||
"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
|
"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/lodash": {
|
||||||
|
"version": "4.17.21",
|
||||||
|
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
|
||||||
|
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/loose-envify": {
|
||||||
|
"version": "1.4.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
|
||||||
|
"integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"js-tokens": "^3.0.0 || ^4.0.0"
|
||||||
|
},
|
||||||
|
"bin": {
|
||||||
|
"loose-envify": "cli.js"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/lru-cache": {
|
"node_modules/lru-cache": {
|
||||||
"version": "10.4.3",
|
"version": "10.4.3",
|
||||||
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
|
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
|
||||||
@ -1775,6 +2035,23 @@
|
|||||||
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
|
"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/prop-types": {
|
||||||
|
"version": "15.8.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
|
||||||
|
"integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"loose-envify": "^1.4.0",
|
||||||
|
"object-assign": "^4.1.1",
|
||||||
|
"react-is": "^16.13.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/prop-types/node_modules/react-is": {
|
||||||
|
"version": "16.13.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
|
||||||
|
"integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/queue-microtask": {
|
"node_modules/queue-microtask": {
|
||||||
"version": "1.2.3",
|
"version": "1.2.3",
|
||||||
"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
|
"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
|
||||||
@ -1825,6 +2102,43 @@
|
|||||||
"react": "*"
|
"react": "*"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/react-is": {
|
||||||
|
"version": "18.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz",
|
||||||
|
"integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
|
"node_modules/react-smooth": {
|
||||||
|
"version": "4.0.4",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-smooth/-/react-smooth-4.0.4.tgz",
|
||||||
|
"integrity": "sha512-gnGKTpYwqL0Iii09gHobNolvX4Kiq4PKx6eWBCYYix+8cdw+cGo3do906l1NBPKkSWx1DghC1dlWG9L2uGd61Q==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"fast-equals": "^5.0.1",
|
||||||
|
"prop-types": "^15.8.1",
|
||||||
|
"react-transition-group": "^4.4.5"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
||||||
|
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/react-transition-group": {
|
||||||
|
"version": "4.4.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
|
||||||
|
"integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
|
||||||
|
"license": "BSD-3-Clause",
|
||||||
|
"dependencies": {
|
||||||
|
"@babel/runtime": "^7.5.5",
|
||||||
|
"dom-helpers": "^5.0.1",
|
||||||
|
"loose-envify": "^1.4.0",
|
||||||
|
"prop-types": "^15.6.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": ">=16.6.0",
|
||||||
|
"react-dom": ">=16.6.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/read-cache": {
|
"node_modules/read-cache": {
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
|
"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
|
||||||
@ -1846,6 +2160,44 @@
|
|||||||
"node": ">=8.10.0"
|
"node": ">=8.10.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/recharts": {
|
||||||
|
"version": "2.15.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/recharts/-/recharts-2.15.1.tgz",
|
||||||
|
"integrity": "sha512-v8PUTUlyiDe56qUj82w/EDVuzEFXwEHp9/xOowGAZwfLjB9uAy3GllQVIYMWF6nU+qibx85WF75zD7AjqoT54Q==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"clsx": "^2.0.0",
|
||||||
|
"eventemitter3": "^4.0.1",
|
||||||
|
"lodash": "^4.17.21",
|
||||||
|
"react-is": "^18.3.1",
|
||||||
|
"react-smooth": "^4.0.4",
|
||||||
|
"recharts-scale": "^0.4.4",
|
||||||
|
"tiny-invariant": "^1.3.1",
|
||||||
|
"victory-vendor": "^36.6.8"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=14"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"react": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
||||||
|
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/recharts-scale": {
|
||||||
|
"version": "0.4.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/recharts-scale/-/recharts-scale-0.4.5.tgz",
|
||||||
|
"integrity": "sha512-kivNFO+0OcUNu7jQquLXAxz1FIwZj8nrj+YkOKc5694NbjCvcT6aSZiIzNzd2Kul4o4rTto8QVR9lMNtxD4G1w==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"decimal.js-light": "^2.4.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/regenerator-runtime": {
|
||||||
|
"version": "0.14.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
|
||||||
|
"integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/resolve": {
|
"node_modules/resolve": {
|
||||||
"version": "1.22.10",
|
"version": "1.22.10",
|
||||||
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
|
"resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.10.tgz",
|
||||||
@ -2248,6 +2600,12 @@
|
|||||||
"node": ">=0.8"
|
"node": ">=0.8"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/tiny-invariant": {
|
||||||
|
"version": "1.3.3",
|
||||||
|
"resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
|
||||||
|
"integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
|
||||||
|
"license": "MIT"
|
||||||
|
},
|
||||||
"node_modules/to-regex-range": {
|
"node_modules/to-regex-range": {
|
||||||
"version": "5.0.1",
|
"version": "5.0.1",
|
||||||
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
|
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
|
||||||
@ -2299,6 +2657,28 @@
|
|||||||
"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
|
"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
|
||||||
"license": "MIT"
|
"license": "MIT"
|
||||||
},
|
},
|
||||||
|
"node_modules/victory-vendor": {
|
||||||
|
"version": "36.9.2",
|
||||||
|
"resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-36.9.2.tgz",
|
||||||
|
"integrity": "sha512-PnpQQMuxlwYdocC8fIJqVXvkeViHYzotI+NJrCuav0ZYFoq912ZHBk3mCeuj+5/VpodOjPe1z0Fk2ihgzlXqjQ==",
|
||||||
|
"license": "MIT AND ISC",
|
||||||
|
"dependencies": {
|
||||||
|
"@types/d3-array": "^3.0.3",
|
||||||
|
"@types/d3-ease": "^3.0.0",
|
||||||
|
"@types/d3-interpolate": "^3.0.1",
|
||||||
|
"@types/d3-scale": "^4.0.2",
|
||||||
|
"@types/d3-shape": "^3.1.0",
|
||||||
|
"@types/d3-time": "^3.0.0",
|
||||||
|
"@types/d3-timer": "^3.0.0",
|
||||||
|
"d3-array": "^3.1.6",
|
||||||
|
"d3-ease": "^3.0.1",
|
||||||
|
"d3-interpolate": "^3.0.1",
|
||||||
|
"d3-scale": "^4.0.2",
|
||||||
|
"d3-shape": "^3.1.0",
|
||||||
|
"d3-time": "^3.0.0",
|
||||||
|
"d3-timer": "^3.0.1"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/which": {
|
"node_modules/which": {
|
||||||
"version": "2.0.2",
|
"version": "2.0.2",
|
||||||
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
|
"resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
|
||||||
|
|||||||
@ -27,6 +27,7 @@
|
|||||||
"react": "^19.0.0",
|
"react": "^19.0.0",
|
||||||
"react-dom": "^19.0.0",
|
"react-dom": "^19.0.0",
|
||||||
"react-icons": "^5.4.0",
|
"react-icons": "^5.4.0",
|
||||||
|
"recharts": "^2.15.1",
|
||||||
"tailwind-merge": "^2.6.0",
|
"tailwind-merge": "^2.6.0",
|
||||||
"tailwindcss-animate": "^1.0.7"
|
"tailwindcss-animate": "^1.0.7"
|
||||||
},
|
},
|
||||||
|
|||||||
@ -1,7 +1,11 @@
|
|||||||
{
|
{
|
||||||
"compilerOptions": {
|
"compilerOptions": {
|
||||||
"target": "ES2017",
|
"target": "ES2017",
|
||||||
"lib": ["dom", "dom.iterable", "esnext"],
|
"lib": [
|
||||||
|
"dom",
|
||||||
|
"dom.iterable",
|
||||||
|
"esnext"
|
||||||
|
],
|
||||||
"allowJs": true,
|
"allowJs": true,
|
||||||
"skipLibCheck": true,
|
"skipLibCheck": true,
|
||||||
"strict": false,
|
"strict": false,
|
||||||
@ -15,7 +19,7 @@
|
|||||||
"module": "esnext",
|
"module": "esnext",
|
||||||
"moduleResolution": "bundler",
|
"moduleResolution": "bundler",
|
||||||
"resolveJsonModule": true,
|
"resolveJsonModule": true,
|
||||||
"isolatedModules": false,
|
"isolatedModules": true,
|
||||||
"jsx": "preserve",
|
"jsx": "preserve",
|
||||||
"incremental": true,
|
"incremental": true,
|
||||||
"plugins": [
|
"plugins": [
|
||||||
@ -24,9 +28,19 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"paths": {
|
"paths": {
|
||||||
"@/*": ["./*"]
|
"@/*": [
|
||||||
|
"./*"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "components/Newsletter/newsletter.tsx"],
|
"include": [
|
||||||
"exclude": ["node_modules"]
|
"next-env.d.ts",
|
||||||
|
"**/*.ts",
|
||||||
|
"**/*.tsx",
|
||||||
|
".next/types/**/*.ts",
|
||||||
|
"components/Newsletter/newsletter.tsx"
|
||||||
|
],
|
||||||
|
"exclude": [
|
||||||
|
"node_modules"
|
||||||
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user