diff --git a/app/click-video/layout.tsx b/app/click-video/layout.tsx
new file mode 100644
index 0000000..497ce03
--- /dev/null
+++ b/app/click-video/layout.tsx
@@ -0,0 +1,45 @@
+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 (
+
+
+ {children}
+
+
+ );
+}
diff --git a/app/click-video/page.tsx b/app/click-video/page.tsx
new file mode 100644
index 0000000..3c17304
--- /dev/null
+++ b/app/click-video/page.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import React from 'react';
+import Navbar from '@/components/Navbar/navbar';
+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';
+
+const heading = "Click Video - Interactive Videos with Built-in Q&A functionality for increased engagement";
+const description = "Create engaging videos for any task, enhanced with integrated question-and-answer elements for increased interaction, ensuring synchronization between roadmaps, customer feedback, and sprint schedules for smooth delivery.";
+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: "Create engaging content",
+ description:
+ "Within Everyday, your roadmaps, customer feedback, and sprint schedules interconnect, ensuring seamless synchrony. With relevant data at their fingertips, teams can focus on delivering products that customers adore, faster.",
+ link: "https://stripe.com",
+ icon: FaListUl, // Add icon here
+ },
+ {
+ title: "Questions and Answers",
+ description:
+ "Embedded Q&A related to your video at any time frame. Just pause and add a question be it a multiple choice question to keep viewers engaged or a feedback form - it's totally upto you.",
+ link: "https://netflix.com",
+ icon: FaSearch, // Add icon here
+ },
+ {
+ title: "Embedded Code",
+ description:
+ "An embedded code is generated with the question so users can add it in any web page or application. Get your answers from any platform of your liking and play anywhere.",
+ link: "https://enterprise.everydayseries.com/",
+ icon: FaArrowsAlt, // Add icon here
+ },
+];
+
+const featuresData = [
+ {
+ 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 = `“In the new era of technology we are looking to the future with a certain pride for our company and business. We consider all the drivers of two of main financial change.”`
+
+export default function Series() {
+ return (
+
+
+
+
{heading}
+
{description}
+
+
+
+ {features.map((item, index) => (
+
+ {/* Feature Heading and Description */}
+
{item.head}
+
{item.desc}
+
+ {item.button}
+
+
+ {/* Conditional Rendering for Marquee After First Feature */}
+ {index === 0 && (
+ <>
+
+
+ {/* Add gradient effects for marquee */}
+
+
+
+ )}
+
+ {/* Conditional Rendering for GIF After Second Feature */}
+ {index === 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+
+
+
+
+ ★★★★★
+
+
+ {/*
+ Magic Button: Simply press the magic button to instantly generate your series automatically.
+
*/}
+
+
+
+
+
+ );
+}
diff --git a/app/globals.css b/app/globals.css
index 6b717ad..18b62bc 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,20 +2,76 @@
@tailwind components;
@tailwind utilities;
-:root {
- --background: #ffffff;
- --foreground: #171717;
+body {
+ font-family: Arial, Helvetica, sans-serif;
}
-@media (prefers-color-scheme: dark) {
+@layer base {
:root {
- --background: #0a0a0a;
- --foreground: #ededed;
+ --background: 0 0% 100%;
+ --foreground: 0 0% 3.9%;
+ --card: 0 0% 100%;
+ --card-foreground: 0 0% 3.9%;
+ --popover: 0 0% 100%;
+ --popover-foreground: 0 0% 3.9%;
+ --primary: 0 0% 9%;
+ --primary-foreground: 0 0% 98%;
+ --secondary: 0 0% 96.1%;
+ --secondary-foreground: 0 0% 9%;
+ --muted: 0 0% 96.1%;
+ --muted-foreground: 0 0% 45.1%;
+ --accent: 0 0% 96.1%;
+ --accent-foreground: 0 0% 9%;
+ --destructive: 0 84.2% 60.2%;
+ --destructive-foreground: 0 0% 98%;
+ --border: 0 0% 89.8%;
+ --input: 0 0% 89.8%;
+ --ring: 0 0% 3.9%;
+ --chart-1: 12 76% 61%;
+ --chart-2: 173 58% 39%;
+ --chart-3: 197 37% 24%;
+ --chart-4: 43 74% 66%;
+ --chart-5: 27 87% 67%;
+ --radius: 0.5rem;
+ }
+ .dark {
+ --background: 0 0% 3.9%;
+ --foreground: 0 0% 98%;
+ --card: 0 0% 3.9%;
+ --card-foreground: 0 0% 98%;
+ --popover: 0 0% 3.9%;
+ --popover-foreground: 0 0% 98%;
+ --primary: 0 0% 98%;
+ --primary-foreground: 0 0% 9%;
+ --secondary: 0 0% 14.9%;
+ --secondary-foreground: 0 0% 98%;
+ --muted: 0 0% 14.9%;
+ --muted-foreground: 0 0% 63.9%;
+ --accent: 0 0% 14.9%;
+ --accent-foreground: 0 0% 98%;
+ --destructive: 0 62.8% 30.6%;
+ --destructive-foreground: 0 0% 98%;
+ --border: 0 0% 14.9%;
+ --input: 0 0% 14.9%;
+ --ring: 0 0% 83.1%;
+ --chart-1: 220 70% 50%;
+ --chart-2: 160 60% 45%;
+ --chart-3: 30 80% 55%;
+ --chart-4: 280 65% 60%;
+ --chart-5: 340 75% 55%;
}
}
-body {
- color: var(--foreground);
- background: var(--background);
- font-family: Arial, Helvetica, sans-serif;
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body {
+ @apply bg-background text-foreground;
+ }
}
+
+::selection {
+ background-color: purple;
+ color: white;
+}
\ No newline at end of file
diff --git a/app/integrations/layout.tsx b/app/integrations/layout.tsx
new file mode 100644
index 0000000..497ce03
--- /dev/null
+++ b/app/integrations/layout.tsx
@@ -0,0 +1,45 @@
+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 (
+
+
+ {children}
+
+
+ );
+}
diff --git a/app/integrations/page.tsx b/app/integrations/page.tsx
new file mode 100644
index 0000000..0f3fa49
--- /dev/null
+++ b/app/integrations/page.tsx
@@ -0,0 +1,327 @@
+"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
+ },
+];
+
+const featuresData = [
+ {
+ 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 = `“Need more? Our integration capabilities are constantly expanding, with new additions regularly introduced to our platform.”`
+
+export default function Integrations() {
+ return (
+
+
+
+
+
{heading}
+
{description}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Bring Your Tools Together
+
With Everyday, you can easily connect and synchronize data from thousands of applications, creating a comprehensive and efficient workflow tailored to your business needs.
+
+
+
+
+ {features.map((item, index) => (
+
+ {/* Feature Heading and Description */}
+
{item.head}
+
{item.desc}
+
+ {item.button}
+
+
+ {/* Conditional Rendering for Marquee After First Feature */}
+ {index === 0 && (
+ <>
+
+
+ {/* Add gradient effects for marquee */}
+
+
+
+ )}
+
+ {/* Conditional Rendering for GIF After Second Feature */}
+ {index === 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+
+
+
+
+ ★★★★★
+
+
+ {/*
+ Magic Button: Simply press the magic button to instantly generate your series automatically.
+
*/}
+
+
+
+
+
+ );
+}
+
+
+
+const Icons = {
+ gitHub: () => (
+
+ ),
+ notion: () => (
+
+ ),
+ openai: () => (
+
+ ),
+ googleDrive: () => (
+
+ ),
+ whatsapp: () => (
+
+ ),
+};
diff --git a/app/layout.tsx b/app/layout.tsx
index f7fa87e..a8db0aa 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,7 +1,18 @@
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"],
@@ -25,7 +36,7 @@ export default function RootLayout({
return (
{children}
diff --git a/app/page.tsx b/app/page.tsx
index 9007252..61c0b4c 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,101 +1,36 @@
+import { Partners } from "@/components/Companies/partners";
+import DashboardView from "@/components/dashboard-view";
+import Features from "@/components/Features/features";
+import { BentoFeatures } from "@/components/Features/features-bento";
+import ClickableFeatures from "@/components/Features/features-clickable";
+import Footer from "@/components/footer";
+import Hero from "@/components/Hero/hero";
+import HeroCarousal from "@/components/Hero/hero2";
+import Navbar from "@/components/Navbar/navbar";
+import HowItWorks from "@/components/How/how";
+import WhyChooseUs from "@/components/why";
+import SampleAgents from "@/components/Agents/sample-agents";
+import BusinessVerticals from "@/components/Agents/business-verticals";
+import { Newsletter } from "@/components/Newsletter/newsletter";
import Image from "next/image";
export default function Home() {
return (
-
-
-
-
-
- Get started by editing{" "}
-
- app/page.tsx
-
- .
-
);
}
diff --git a/app/series/layout.tsx b/app/series/layout.tsx
new file mode 100644
index 0000000..497ce03
--- /dev/null
+++ b/app/series/layout.tsx
@@ -0,0 +1,45 @@
+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 (
+
+
+ {children}
+
+
+ );
+}
diff --git a/app/series/page.tsx b/app/series/page.tsx
new file mode 100644
index 0000000..451c28f
--- /dev/null
+++ b/app/series/page.tsx
@@ -0,0 +1,193 @@
+"use client";
+
+import React from 'react';
+import Navbar from '@/components/Navbar/navbar';
+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';
+
+const heading = "Series - Create awesome workflows and connect them to AI without a single line of code"
+const description = "Help in defining, managing, and improving processes. can make any kind of flow"
+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: "List",
+ description:
+ "With our drag and drop feature, anyone in your enterprise can build AI products effortlessly. Make AI an integral part of your business operations, irrespective of technical expertise.",
+ link: "https://stripe.com",
+ icon: FaListUl, // Add icon here
+ },
+ {
+ title: "Search and Discovery",
+ description:
+ "Users can search for series based on keywords, categories, or tags making it way easier to manage all your creations and looking for them is not a hassle at all.",
+ link: "https://netflix.com",
+ icon: FaSearch, // Add icon here
+ },
+ {
+ title: "Drag and drop",
+ description:
+ "Certainly! “Drag and drop” refers to a user interface interaction where a person can click on an item, drag it to a different location, and then release it to drop it there. This action is commonly used in various applications and websites to allow users to rearrange or manipulate content more intuitively.",
+ link: "https://enterprise.everydayseries.com/",
+ icon: FaArrowsAlt, // Add icon here
+ },
+ {
+ title: "Integration",
+ description:
+ "User can integrate own apis. When we talk about users integrating their own APIs, we’re referring to the ability for users to incorporate their own custom Application Programming Interfaces (APIs) into a software application or system.",
+ link: "https://meta.com",
+ icon: FaPlug, // Add icon here
+ },
+ {
+ title: "Copy and Paste",
+ description:
+ "Users have the capability to duplicate the flow or item and then paste it elsewhere within the system. No need to create the same thing twice",
+ link: "https://amazon.com",
+ icon: FaPaste, // Add icon here
+ },
+ {
+ title: "Template",
+ description:
+ "User can save any flow as template and can reuse it later. Don’t be limited by your series. this feature enables users to save a sequence of actions or steps as a template for future use.",
+ link: "https://microsoft.com",
+ icon: FaRegFileAlt, // Add icon here
+ },
+ // Add more features as needed
+];
+
+const featuresData = [
+ {
+ 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 = `This features allows even non tech guys to figure out the platform and create awesome workflows. Now that's mind-blowing.`
+
+export default function Series() {
+ return (
+
+
+
+
{heading}
+
{description}
+
+
+
+ {features.map((item, index) => (
+
+ {/* Feature Heading and Description */}
+
{item.head}
+
{item.desc}
+
+ {item.button}
+
+
+ {/* Conditional Rendering for Marquee After First Feature */}
+ {index === 0 && (
+ <>
+
+
+ {/* Add gradient effects for marquee */}
+
+
+
+ )}
+
+ {/* Conditional Rendering for GIF After Second Feature */}
+ {index === 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+
+
+
+
+ ★★★★★
+
+
+
+ Magic Button: Simply press the magic button to instantly generate your series automatically.
+
+
+
+
+
+
+ );
+}
diff --git a/app/template/layout.tsx b/app/template/layout.tsx
new file mode 100644
index 0000000..497ce03
--- /dev/null
+++ b/app/template/layout.tsx
@@ -0,0 +1,45 @@
+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 (
+
+
+ {children}
+
+
+ );
+}
diff --git a/app/template/page.tsx b/app/template/page.tsx
new file mode 100644
index 0000000..81f9a81
--- /dev/null
+++ b/app/template/page.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import React from 'react';
+import Navbar from '@/components/Navbar/navbar';
+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 { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
+import { TextGenerateEffect } from '@/components/ui/text-generate-effect';
+
+const heading = "Templates - Predesigned Workflows to Streamline Processes and Connect with AI Effortlessly"
+const description = "Simplify process management with customizable templates that help automate tasks, improve efficiency, and unlock AI-powered innovations for any type of workflow."
+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: "Series Template",
+ description:
+ "It serves as pre-designed series of steps or processes that can be saved and reused multiple times. Users can make a list of own series template or can browse through a list of templates created by other users and can use them directly from the Series Template Marketplace.",
+ link: "https://stripe.com",
+ icon: FaListUl, // Add icon here
+ },
+ {
+ title: "Diverse Templates",
+ description:
+ "The marketplace offers a wide range of series templates across industries and functions, including sales, marketing, customer support, and operations, to streamline workflows and boost efficiency.",
+ link: "https://netflix.com",
+ icon: FaSearch, // Add icon here
+ },
+ {
+ title: "Search and Discovery",
+ description:
+ "Accelerate your operations with our pre-built AI workflows tailored for various business functions, from sales to marketing, operations, and more. Users can search for templates based on keywords, categories, or tags.",
+ link: "https://enterprise.everydayseries.com/",
+ icon: FaSearch, // Add icon here
+ },
+ {
+ title: "Template Customization",
+ description:
+ "Users can customize templates to fit their specific requirements or preferences by modifying steps, adding new components, or integrating AI features to create tailored workflows that meet unique business needs.",
+ link: "https://meta.com",
+ icon: FaPlug, // Add icon here
+ },
+ {
+ title: "Unity In Workflows",
+ description:
+ "Eliminate silos with a powerful platform that harmoniously connects every aspect of your work, enabling seamless collaboration, streamlined communication, and unified processes across teams and departments.",
+ link: "https://amazon.com",
+ icon: FaPaste, // Add icon here
+ },
+ {
+ title: "Marketplace",
+ description:
+ "Improve your productivity with our smart automations, transforming repetitive tasks into streamlined processes.User can browse through a list of series templates created by other users and can use it.",
+ link: "https://microsoft.com",
+ icon: FaRegFileAlt, // Add icon here
+ },
+ // Add more features as needed
+];
+
+const featuresData = [
+ {
+ 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 = `"Discover the future of AI-integrated workflow management with Everyday. Transform your enterprise operations today."`
+
+export default function Series() {
+ return (
+
+
+
+
{heading}
+
{description}
+
+
+
+
+
+
+
+
+
+ {/* FEATURES */}
+
+ {features.map((item, index) => (
+
+ {/* Feature Heading and Description */}
+
{item.head}
+
{item.desc}
+
+ {item.button}
+
+
+ {/* Conditional Rendering for Marquee After First Feature */}
+ {index === 0 && (
+ <>
+
+
+ {/* Add gradient effects for marquee */}
+
+
+
+ )}
+
+ {/* Conditional Rendering for GIF After Second Feature */}
+ {index === 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+ ★★★★★
+
+
+ {/*
+ Magic Button: Simply press the magic button to instantly generate your series automatically.
+
*/}
+
+
+
+
+
+
+
+ );
+}
diff --git a/app/tools/page.tsx b/app/tools/page.tsx
new file mode 100644
index 0000000..84853c2
--- /dev/null
+++ b/app/tools/page.tsx
@@ -0,0 +1,177 @@
+"use client";
+
+import React from 'react';
+import Navbar from '@/components/Navbar/navbar';
+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 { FaListUl, FaSearch, FaArrowsAlt, FaPlug, FaPaste, FaRegFileAlt } from 'react-icons/fa';
+import { TextGenerateEffect } from '@/components/ui/text-generate-effect';
+
+const heading = "Tools - Automate Task Sequences for Streamlined Workflows";
+const description = "A programmed tool designed to execute a predefined sequence of tasks systematically, automating workflows and minimizing manual intervention.";
+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: "List",
+ description:
+ "Our proven approach enhances operational efficiency, delivers faster results, and keeps your team ahead of the curve.",
+ link: "https://stripe.com",
+ icon: FaListUl, // Add icon here
+ },
+ {
+ title: "Assign/Complete",
+ 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.",
+ link: "https://cal.com",
+ icon: FaSearch, // Add icon here
+ },
+ {
+ title: "History",
+ 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.",
+ link: "https://enterprise.everydayseries.com/",
+ icon: FaSearch, // Add icon here
+ },
+];
+
+const featuresData = [
+ {
+ 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 Series() {
+ return (
+
+
+
+
{heading}
+
{description}
+
+
+
+
+
+
+
+
+
+ {/* FEATURES */}
+
+ {features.map((item, index) => (
+
+ {/* Feature Heading and Description */}
+
{item.head}
+
{item.desc}
+
+ {item.button}
+
+
+ {/* Conditional Rendering for Marquee After First Feature */}
+ {index === 0 && (
+ <>
+
+
+ {/* Add gradient effects for marquee */}
+
+
+
+ )}
+
+ {/* Conditional Rendering for GIF After Second Feature */}
+ {index === 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+ ★★★★★
+
+
+
+ Add-On Professional Services
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/app/writer/layout.tsx b/app/writer/layout.tsx
new file mode 100644
index 0000000..497ce03
--- /dev/null
+++ b/app/writer/layout.tsx
@@ -0,0 +1,45 @@
+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 (
+
+
+ {children}
+
+
+ );
+}
diff --git a/app/writer/page.tsx b/app/writer/page.tsx
new file mode 100644
index 0000000..113549f
--- /dev/null
+++ b/app/writer/page.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import React from 'react';
+import Navbar from '@/components/Navbar/navbar';
+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';
+
+const heading = "Writer - Your Platform for Documentation and Textual Content";
+const description = "A feature designed to fulfill written tasks by providing a dedicated space for creating and completing documentation and other textual content.";
+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: "Ask AI",
+ description:
+ "Ask Me Anything is an AI-based chat interface designed to provide responses and assistance across a wide range of inquiries and topics. Helps you research extensive topics without the hassle of going over the internet.",
+ link: "https://stripe.com",
+ icon: FaListUl, // Add icon here
+ },
+ {
+ title: "Magic Continue",
+ description:
+ "Don't feel like typing, relax and let AI finish the job. Just type '..continue' and AI will continue to write where you left off, with full control of flow and limit in your hands.",
+ link: "https://netflix.com",
+ icon: FaSearch, // Add icon here
+ },
+ {
+ title: "Download in Pdf",
+ description:
+ "Once you are done with the write up, download it as a Pdf file and save it to your device. Later pull that up if you need any editing done. Let us know, we'll take care of the rest.",
+ link: "https://enterprise.everydayseries.com/",
+ icon: FaArrowsAlt, // Add icon here
+ },
+];
+
+const featuresData = [
+ {
+ 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 = `“In the new era of technology we are looking to the future with a certain pride for our company and business. We consider all the drivers of two of main financial change.”`
+
+export default function Series() {
+ return (
+
+
+
+
{heading}
+
{description}
+
+
+
+ {features.map((item, index) => (
+
+ {/* Feature Heading and Description */}
+
{item.head}
+
{item.desc}
+
+ {item.button}
+
+
+ {/* Conditional Rendering for Marquee After First Feature */}
+ {index === 0 && (
+ <>
+
+
+ {/* Add gradient effects for marquee */}
+
+
+
+ )}
+
+ {/* Conditional Rendering for GIF After Second Feature */}
+ {index === 1 && (
+
+
+
+ )}
+
+ ))}
+
+
+
+
+
+
+
+
+ ★★★★★
+
+
+ {/*
+ Magic Button: Simply press the magic button to instantly generate your series automatically.
+
+ Our platform makes it easy to create AI agents that engage customers, streamline operations, and drive revenue.
+ Check out some sample agents built with our tools:
+
+//
+// );
+// };
+
+const items = [
+ {
+ title: "Drag & Drop No-Code Builder",
+ description: (
+
+ Easily create robust MicroSaaS applications using our intuitive drag-and-drop interface. Empower yourself to design custom workflows without writing a single line of code, streamlining operations and enhancing efficiency.
+
+ ),
+ header: ,
+ className: "md:col-span-1 md:row-span-2",
+ icon: ,
+ },
+ {
+ title: "Writing Simplified",
+ description: (
+
+ Transform your writing process with the power of AI. Use the built-in AI writer to generate, refine, or continue content effortlessly.
+
+ ),
+ header: ,
+ className: "md:col-span-1",
+ icon: ,
+ },
+ {
+ title: "Monetize Smarter",
+ description: (
+
+ Launch your own community or tap into our marketplace to sell AI subscriptions to SMBs and beyond. Transform your ideas into profitable ventures.
+
+ ),
+ header: ,
+ className: "md:col-span-1",
+ icon: ,
+ },
+ {
+ title: "Integrated Creative Tools",
+ description: (
+
+ From forms to video editors, AI writers to newsletter creators, we've got you covered. Access a comprehensive suite of tools designed to enhance your creative workflow.
+
+ ),
+ header: ,
+ className: "md:col-span-2",
+ icon: ,
+ },
+ // {
+ // title: "Smart Templates",
+ // description: (
+ //
+ // Access a library of intelligent templates that adapt to your needs. Each template is powered by AI to provide personalized starting points.
+ //
+ // ),
+ // header: ,
+ // className: "md:col-span-1",
+ // icon: ,
+ // }
+];
diff --git a/components/Features/features-clickable.tsx b/components/Features/features-clickable.tsx
new file mode 100644
index 0000000..5248495
--- /dev/null
+++ b/components/Features/features-clickable.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import React, { useState } from 'react';
+import { motion } from 'framer-motion';
+
+// Define the Item interface
+interface Item {
+ id: number;
+ media: string; // URL for image or video
+ title: string;
+ description: string;
+}
+
+// Define the items array with type annotations
+const items: Item[] = [
+ {
+ id: 1,
+ media: "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860621/Homepage%20%E2%80%94%20Sept%202024/sc01_HP_240917_Connect_v01_edm2pd.mp4",
+ title: "Product Management",
+ description:
+ "Coordinate and manage product sprints in collaboration with cross-functional team members, ensuring efficient planning and execution. Work closely with partners from different teams to iterate rapidly, align goals, and drive continuous improvement throughout the development process.",
+ },
+ {
+ id: 2,
+ media: "https://res.cloudinary.com/zapier-media/video/upload/q_auto:best/f_auto/v1726860622/Homepage%20%E2%80%94%20Sept%202024/sc02_HP_240917_Automate_v01_tnxxyr.mp4",
+ title: "Marketing",
+ description:
+ "Develop and implement marketing strategies to promote products and services, analyze market trends, and identify target audiences. Collaborate with sales teams to create effective campaigns that drive brand awareness and customer engagement while measuring the effectiveness of marketing initiatives.",
+ },
+ {
+ id: 3,
+ media: "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",
+ title: "Sales",
+ description:
+ "Drive revenue growth by identifying potential clients, building relationships, and closing sales deals. Develop sales strategies that align with company goals, deliver presentations to prospective customers, and provide exceptional customer service to ensure client satisfaction and retention.",
+ },
+ {
+ id: 4,
+ media: "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",
+ title: "HR",
+ description:
+ "Manage recruitment processes, employee relations, and organizational development initiatives. Ensure compliance with labor laws and regulations while fostering a positive workplace culture that promotes employee engagement and professional growth. Implement training programs to enhance workforce capabilities and performance.",
+ },
+];
+
+export default function Cliclables() {
+ const [selectedItem, setSelectedItem] = useState(items[0]);
+
+ const handleButtonClick = (item: Item) => {
+ setSelectedItem(item);
+ };
+
+ return (
+
+
+);
+};
+
+const defaultFeaturesData = [
+ {
+ title: "No-Code AI Builder",
+ description: "Design, test, and deploy AI agents effortlessly. Create powerful AI applications without any coding knowledge required.",
+ vector: ,
+ },
+ {
+ title: "Creative Suite",
+ description: "Access powerful forms, video editing, and content creation tools to bring your vision to life. Transform your ideas into polished, professional content.",
+ vector: ,
+ },
+ {
+ title: "Community & Marketplace",
+ description: "Grow your audience on your own platform or join our marketplace to reach thousands of SMBs. Build and nurture your community while expanding your reach.",
+ vector: ,
+ },
+ {
+ title: "Subscription-Based Monetization",
+ description: "Generate recurring revenue with our seamless subscription integration. Turn your AI solutions into a sustainable business model.",
+ vector: ,
+ },
+];
+
+interface Feature {
+ title: string;
+ description: string;
+ vector: React.ReactNode;
+}
+
+export default function Features({ featuresData }: { featuresData?: Feature[] }) {
+ const dataToUse = featuresData || defaultFeaturesData;
+
+ return (
+
+
+ Everything You Need to Create, Manage, and Monetize Your AI Offerings
+
+
+
{/* Increased spacing between features */}
+ {dataToUse.map((feature, index) => (
+
+
+
+
{feature.title}
+
{feature.description}
+
+ Learn More
+
+
+
+
+ {feature.vector}
+
+
+ ))}
+
+
+ );
+}
diff --git a/components/Hero/hero.tsx b/components/Hero/hero.tsx
new file mode 100644
index 0000000..feadd5e
--- /dev/null
+++ b/components/Hero/hero.tsx
@@ -0,0 +1,60 @@
+"use client";
+import React, { useRef } from 'react';
+import AnimatedShinyText from '../ui/animated-shiny-text';
+import { ArrowRightIcon } from 'lucide-react';
+import { cn } from "@/lib/utils";
+import { motion, useInView } from 'framer-motion';
+
+export default function Hero() {
+ // Create a ref for the container element
+ const ref = useRef(null);
+ // Use useInView hook to detect when the element is in viewport
+ const isInView = useInView(ref, { once: true });
+
+ // Left right motion variants defined for the animations
+ const leftVariants = {
+ hidden: { x: -100, opacity: 0 },
+ visible: { x: 0, opacity: 1 },
+ };
+
+ const rightVariants = {
+ hidden: { x: 100, opacity: 0 },
+ visible: { x: 0, opacity: 1 },
+ };
+
+ return (
+
+
+
+
+ ✨ Introducing Everyday Series AI
+
+
+
+
Automate your operations and scale businesses
+
Empower your business with Micro-SaaS applications—designed by you, no coding required. Craft powerful workflows with our intuitive drag-and-drop builder, streamline approvals, and bring your ideas to life.
+
+
+
+
+
+
+
+ );
+}
diff --git a/components/Hero/hero2.tsx b/components/Hero/hero2.tsx
new file mode 100644
index 0000000..a70815d
--- /dev/null
+++ b/components/Hero/hero2.tsx
@@ -0,0 +1,143 @@
+"use client";
+import React from 'react';
+import { useState, useEffect } from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+
+const slides = [
+ {
+ title: "Turn Your Expertise into Intelligent AI Agents",
+ description: "Effortlessly convert your existing services into AI-powered agents. Empower your business with innovative, interactive tools that open new revenue streams.",
+ buttonText: "Get Started Today",
+ buttonLink: "#",
+ image: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+ overlayClass: "bg-black/60" // Semi-transparent overlay for better text readability
+ },
+ {
+ title: "Design Without Coding",
+ description: "Leverage our drag-and-drop builder to create custom AI solutions—no programming skills required. Your ideas, our platform, endless possibilities.",
+ buttonText: "Explore the Builder",
+ buttonLink: "#",
+ image: "https://images.unsplash.com/photo-1531497865144-0464ef8fb9a9?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+ overlayClass: "bg-black/60"
+ },
+ {
+ title: "Unleash Your Creative Potentialr",
+ description: "From forms and video editing to AI writing and newsletters, our fully integrated creative suite brings your vision to life with the power of AI.",
+ buttonText: "Discover Our Tools",
+ buttonLink: "#",
+ image: "https://images.unsplash.com/photo-1603201667141-5a2d4c673378?q=80&w=1796&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+ overlayClass: "bg-black/60"
+ },
+ {
+ title: "Monetize Your Skills & Services",
+ description: "Build your own community or tap into our marketplace to sell AI-powered subscriptions to SMBs. Turn your expertise into a recurring revenue engine.",
+ buttonText: "Learn How to Monetize",
+ buttonLink: "#",
+ image: "https://plus.unsplash.com/premium_photo-1661338826350-49e4fd1b004e?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+ overlayClass: "bg-black/60"
+ },
+ {
+ title: "Step Into the Future of Business",
+ description: "Embrace the next era of innovation. Transform, scale, and thrive with our AI-powered platform that adapts to your business needs.",
+ buttonText: "Start Your Free Trial",
+ buttonLink: "#",
+ image: "https://plus.unsplash.com/premium_photo-1661425631372-6f9530fc211f?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+ overlayClass: "bg-black/60"
+ }
+];
+
+const HeroCarousel = () => {
+ const [currentSlide, setCurrentSlide] = useState(0);
+
+ useEffect(() => {
+ const timer = setInterval(() => {
+ setCurrentSlide((prev) => (prev + 1) % slides.length);
+ }, 10000);
+
+ return () => clearInterval(timer);
+ }, []);
+
+ const nextSlide = () => {
+ setCurrentSlide((prev) => (prev + 1) % slides.length);
+ };
+
+ const prevSlide = () => {
+ setCurrentSlide((prev) => (prev - 1 + slides.length) % slides.length);
+ };
+
+ return (
+
+ 
+ 
*/}
+