From e32f4efa58106884acb3b1b3d21fc15fc768e4ed Mon Sep 17 00:00:00 2001 From: codebox283 <87943295+codebox283@users.noreply.github.com> Date: Wed, 26 Feb 2025 19:27:15 +0530 Subject: [PATCH] added pages and updated hero --- app/community/page.tsx | 429 +++++++++++++++++++++ app/marketplace/page.tsx | 1 - app/meetups/page.tsx | 375 ++++++++++++++++++ app/pricing/page.tsx | 91 +++-- components/Agents/business-verticals.tsx | 27 +- components/Agents/sample-agents.tsx | 3 +- components/Features/features-bento.tsx | 132 +------ components/Features/features-clickable.tsx | 7 + components/Features/features.tsx | 35 +- components/How/how.tsx | 13 - next.config.ts | 6 +- 11 files changed, 924 insertions(+), 195 deletions(-) create mode 100644 app/community/page.tsx create mode 100644 app/meetups/page.tsx diff --git a/app/community/page.tsx b/app/community/page.tsx new file mode 100644 index 0000000..afab93f --- /dev/null +++ b/app/community/page.tsx @@ -0,0 +1,429 @@ +"use client"; +import React, { useRef } from 'react'; +import { motion, useScroll, useInView } from "framer-motion"; +import Navbar from '@/components/Navbar/navbar'; +import Footer from '@/components/footer'; + +const Community = () => { + // Animation variants + const fadeUp = { + hidden: { opacity: 0, y: 30 }, + visible: { + opacity: 1, + y: 0, + transition: { duration: 0.7, ease: "easeOut" } + } + }; + + const staggerContainer = { + hidden: { opacity: 0 }, + visible: { + opacity: 1, + transition: { + staggerChildren: 0.15 + } + } + }; + + const cardVariant = { + hidden: { opacity: 0, y: 20 }, + visible: { + opacity: 1, + y: 0, + transition: { duration: 0.5, ease: "easeOut" } + } + }; + + return ( +
+ + + {/* Hero Section */} + + + Community + + + + Connect, Collaborate, and Innovate + + + + At Everyday Series, our community is the heartbeat of our innovation. We're building a vibrant network of solopreneurs, developers, AI enthusiasts, and business leaders committed to transforming expertise into powerful AI agents and solutions. + + + + + Explore Our Offerings + + + Join The Community + + + + + + + + + + + {/* What We Offer Section */} +
+ + + What We Offer + + +
+ {/* Events & Online Meetups */} + +
+ + + + + + +
+

Events & Online Meetups

+
    +
  • + • + Live Events: Attend interactive events and online meetups where industry experts and fellow innovators share insights, success stories, and the latest trends in AI. +
    • +
  • + • + Webinars: Participate in immersive webinars that dive deep into AI technologies, product demos, and hands-on sessions tailored for solopreneurs and enterprises alike. +
    • +
+ + + {/* Cohort-Based Learning */} + +
+ + + + +
+

Cohort-Based Learning

+
    +
  • + • + Structured Programs: Enroll in our cohort-based learning initiatives, including our remote Generative AI Readiness Program, designed for corporates, universities, and individual innovators. +
    • +
  • + • + Collaborative Learning: Work alongside peers in a guided environment where practical projects and real-world challenges help refine your AI skills. +
    • +
+ + + {/* Instant Connectivity */} + +
+ + + + + + + +
+

Instant Connectivity

+
    +
  • + • + Whatsapp Group: Join our dedicated Whatsapp group for real-time updates, lively discussions, and instant support from fellow community members. +
    • +
  • + • + Open Source Modules: Contribute to and leverage our extensive library of open source modules—collaborate, share, and build solutions that benefit everyone in the community. +
    • +
+ + + {/* Collaborative Partnerships - Full width */} + +
+ + + + + + +
+

Collaborative Partnerships

+
+
+

Solopreneur Network

+

Connect with a diverse group of solopreneurs offering innovative products and services, creating opportunities for cross-collaboration.

+
+
+

SMBs & Enterprise

+

We partner with small and medium businesses as well as enterprise organizations to co-create and deploy cutting-edge AI solutions that drive growth and efficiency.

+
+
+ +
+ +
+ + {/* Why Join Us Section */} +
+ + + Why Join Us? + + + +
+ +
+
+ + + + +
+

Learn & Grow

+

Gain exclusive access to resources, expert-led sessions, and collaborative projects that enhance your skills and expand your network.

+
+ + + +
+
+ + + +
+

Innovate Together

+

Be a part of a community where your ideas matter, and collective intelligence sparks breakthrough innovations.

+
+ + + +
+
+ + + + + +
+

Real-World Impact

+

Engage with partners and industry leaders to develop AI solutions that solve real business challenges and drive market success.

+
+ +
+ +
+ + {/* Call to Action Section */} + + + + Get Involved + + + Ready to shape the future of AI? Join our community and unlock a world of opportunities. Connect, collaborate, and innovate with like-minded individuals who are as passionate about technology and growth as you are. + + + + Join Our Community + + + Learn More About Our Initiatives + + + + + +
+ ); +}; + +export default Community; \ No newline at end of file diff --git a/app/marketplace/page.tsx b/app/marketplace/page.tsx index c6f0c3f..19f472d 100644 --- a/app/marketplace/page.tsx +++ b/app/marketplace/page.tsx @@ -1,5 +1,4 @@ "use client"; -"use client"; import React from 'react'; import { motion } from 'framer-motion'; diff --git a/app/meetups/page.tsx b/app/meetups/page.tsx new file mode 100644 index 0000000..9b683d0 --- /dev/null +++ b/app/meetups/page.tsx @@ -0,0 +1,375 @@ +"use client"; + +import React, { useRef } from 'react'; +import { motion, useScroll, useTransform, useInView } from "framer-motion"; +import Navbar from '@/components/Navbar/navbar'; +import Footer from '@/components/footer'; + +const Meetups = () => { + const containerRef = useRef(null); + + // Animation variants + const fadeIn = { + hidden: { opacity: 0, y: 30 }, + visible: { + opacity: 1, + y: 0, + transition: { duration: 0.8, ease: "easeOut" } + } + }; + + const staggerContainer = { + hidden: { opacity: 0 }, + visible: { + opacity: 1, + transition: { + staggerChildren: 0.2 + } + } + }; + + const imageCard = { + hidden: { opacity: 0, scale: 0.9 }, + visible: { + opacity: 1, + scale: 1, + transition: { duration: 0.5, ease: "easeOut" } + } + }; + + return ( +
+ + + {/* Hero Section */} + + + Meetups & Community + + + + Connect, Learn, and Innovate with AI Enthusiasts. Join our vibrant community of over 25,000 AI developers, enthusiasts, and doers at Everyday Series Meetups. + + + + + Join a Meetup + + + Explore Community + + + + + + + + + + + {/* Features Section */} +
+ + + What We Offer + + +
+ {[ + { + title: "Engaging Discussions", + description: "Participate in talks, workshops, and panel discussions covering cutting-edge AI developments.", + image: "https://images.unsplash.com/photo-1517048676732-d65bc937f952?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8b2ZmaWNlJTIwZGlzY3Vzc2lvbnN8ZW58MHx8MHx8fDA%3D" + }, + { + title: "Networking Opportunities", + description: "Connect with like-minded professionals and expand your network within a dynamic, supportive community.", + image: "https://plus.unsplash.com/premium_photo-1661783208371-64db9e60653d?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8b2ZmaWNlJTIwZGlzY3Vzc2lvbnN8ZW58MHx8MHx8fDA%3D" + }, + { + title: "Hands-On Learning", + description: "Gain practical insights through live demos, coding sessions, and interactive Q&A segments.", + image: "https://images.unsplash.com/photo-1551434678-e076c223a692?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8b2ZmaWNlJTIwZGlzY3Vzc2lvbnN8ZW58MHx8MHx8fDA%3D" + }, + { + title: "Diverse Topics", + description: "Explore a broad spectrum of topics, from generative AI to low-code development.", + image: "https://plus.unsplash.com/premium_photo-1733306490808-9c2ec551cbf4?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjF8fG9mZmljZSUyMGRpc2N1c3Npb25zfGVufDB8fDB8fHww" + } + ].map((item, index) => ( + + + + +

{item.title}

+

{item.description}

+ + + ))} +
+ +
+ + {/* Communities Section */} + + +
+ + EverydayJS Community + + + + For those passionate about NodeJS, our dedicated EverydayJS Community offers a specialized space to dive deep into NodeJS development. Here, developers share tips, collaborate on projects, and discuss the latest trends in the NodeJS ecosystem. + + + Join Now + +
+ +
+ + Upcoming Events + + + + Check out our upcoming meetups on Meetup.com and join us in exploring the future of AI and technology. Whether you're a seasoned professional or just starting out, there's a place for you in our community. + + + Join a Meetup + +
+ + + {/* Call to Action Section */} + + + + Ready to Join Our AI Community? + + + Be part of a thriving ecosystem of innovators, creators, and AI enthusiasts who are shaping the future of technology together. + + + Get Started Now + + + + +
+ ); +}; + +export default Meetups; \ No newline at end of file diff --git a/app/pricing/page.tsx b/app/pricing/page.tsx index 8a4fa4d..373e331 100644 --- a/app/pricing/page.tsx +++ b/app/pricing/page.tsx @@ -6,35 +6,45 @@ import { ChevronDown, ChevronUp, Check, HelpCircle, ShieldCheck, Zap, Smartphone import Navbar from '@/components/Navbar/navbar'; import Footer from '@/components/footer'; -const PricingCard = ({ title, description, features }) => { +const PricingCard = ({ title, description, features, pricing }) => { return (
-

{title}

+
+

{title}

+ {title==="Professional" && ( + + Popular + + )} +

{description}

{/* Separator Line */}
{features.map((feature, index) => ( -
- +
+ {feature}
))}
+ +
+
{/* Separator Line */}
-

For Price :

- {pricing}

+ {/* Contact Us - + */}
@@ -82,26 +92,52 @@ const FAQ = ({ question, answer }) => { const PricingPage = () => { const pricingPlans = [ { - title: "Basic", - description: "We consider all the drivers of time & change gives the blocks.", + title: "Starter", + description: "For solopreneurs ready to take a leap.", features: [ - "Full Access to Copler", - "100 GB Free Storage", - "Unlimited Visitors", - "10 Agents", - "Live Chat Support" - ] + "1 monetised site", + "10,000 tokens/month", + "Use our full suite for internal projects without limits", + "Basic Integration", + "Basic 24/7 chat support" + ], + pricing: "£29 GBP/month" }, { - title: "Premium", - description: "We consider all the drivers of time & change gives the blocks.", + title: "Professional", + description: "For small teams building multiple revenue streams.", features: [ - "Full Access to Copler", - "100 GB Free Storage", - "Unlimited Visitors", - "10 Agents", - "Live Chat Support" - ] + "Up to 3 active monetised site", + "50,000 tokens/month", + "Use our full suite for internal projects without limits", + "Advanced analytics and integrations", + "Basic 24/7 chat support" + ], + pricing: "£69 GBP/month" + }, + { + title: "Business", + description: "For growing companies that demand more power and flexibility.", + features: [ + "Up to 10 active monetised site", + "200,000 tokens/month", + "Unlimited projects internally - build, test, and deploy without limits", + "Advanced customizations, integrations, and performance tracking", + "Priority 24/7 chat support" + ], + pricing: "£349 GBP/month" + }, + { + title: "Enterprise Plus", + description: "For large enterprises with complex needs and full marketplace access.", + features: [ + "Custom limits based on your requirements", + "Unlimited custom GPT Tokens", + "Full access to our marketplace with exclusive benefits, including a 20% discount on all solopreneur sites", + "Advanced customizations, integrations, exclusive downloadable code offerings on a pay-per-code basis", + "SLA-backed, enterprise-grade support with dedicated account management and priority phone support" + ], + pricing: "Starting at $2,500 USD/month (3-year term required)" } ]; @@ -131,7 +167,6 @@ const PricingPage = () => { return (
- {/* Hero Section */} { {/* Pricing Cards */} - -
+ +
{pricingPlans.map((plan, index) => ( ))} @@ -220,7 +255,7 @@ const PricingPage = () => {

Efficiently manage and resolve customer issues, improve satisfaction and boost your bottom line with our all-in-one customer support solution. Get the safest way of making online payment & save countless hours of losing money.

- {/* , title: "Retail & E-commerce", description: "Enhance customer service with real-time chat support, personalized shopping experiences, and seamless order tracking.", - gradient: "from-pink-500/20 to-purple-500/20" + gradient: "from-pink-500/20 to-purple-500/20", + link: "/tools" }, { icon: , title: "Healthcare & Wellness", description: "Improve patient care through virtual consultations, appointment scheduling, and instant access to health resources.", - gradient: "from-blue-500/20 to-cyan-500/20" + gradient: "from-blue-500/20 to-cyan-500/20", + link: "/tools" }, { icon: , title: "Finance & Banking", description: "Empower customers with financial insights, automated account management, and personalized advisory services.", - gradient: "from-green-500/20 to-emerald-500/20" + gradient: "from-green-500/20 to-emerald-500/20", + link: "/finance" }, { icon: , title: "Education & eLearning", description: "Revolutionize learning with interactive tutoring, course guidance, resource recommendations, and performance tracking.", - gradient: "from-orange-500/20 to-yellow-500/20" + gradient: "from-orange-500/20 to-yellow-500/20", + link: "/tools" }, { icon: , title: "Real Estate & Property Management", description: "Streamline property listings, offer virtual tours, schedule viewings, and provide detailed market insights.", - gradient: "from-purple-500/20 to-indigo-500/20" + gradient: "from-purple-500/20 to-indigo-500/20", + link: "/tools" }, { icon: , title: "Travel & Hospitality", description: "Enhance guest experiences with AI-driven booking assistance, itinerary management, and personalized recommendations.", - gradient: "from-cyan-500/20 to-blue-500/20" + gradient: "from-cyan-500/20 to-blue-500/20", + link: "/tools" }, { icon: , title: "Legal & Consulting", description: "Simplify client communications, document management, and consultation scheduling for faster service delivery.", - gradient: "from-violet-500/20 to-purple-500/20" + gradient: "from-violet-500/20 to-purple-500/20", + link: "/tools" }, { icon: , title: "Creative & Marketing", description: "Boost engagement through dynamic content creation, campaign management, and customer insights analytics.", - gradient: "from-rose-500/20 to-pink-500/20" + gradient: "from-rose-500/20 to-pink-500/20", + link: "/tools" } ]; @@ -134,6 +142,7 @@ export default function BusinessVerticals() { {/* Action button */}
diff --git a/components/Agents/sample-agents.tsx b/components/Agents/sample-agents.tsx index 63f76c2..acdb0eb 100644 --- a/components/Agents/sample-agents.tsx +++ b/components/Agents/sample-agents.tsx @@ -135,6 +135,7 @@ export default function SampleAgents() { {/* CTA Button */}
diff --git a/components/Features/features-bento.tsx b/components/Features/features-bento.tsx index 6dea9af..8e45ab5 100644 --- a/components/Features/features-bento.tsx +++ b/components/Features/features-bento.tsx @@ -180,63 +180,17 @@ const SkeletonOne = () => { }; const SkeletonTwo = () => { - const [isTyping, setIsTyping] = useState(false); - - return ( - setIsTyping(true)} - onHoverEnd={() => setIsTyping(false)} - > -
-
- - {isTyping && ( - - - console.log("Hello World!"); - - - | - - - )} - -
- -
-
-
- -
- - ); + return ( + + Typing Image + + ); }; const SkeletonThree = () => { @@ -244,67 +198,15 @@ const SkeletonThree = () => { return ( setIsHovered(true)} onHoverEnd={() => setIsHovered(false)} > -
- - {/*
-
- - $0 - -
*/} - - {/* Graph container */} - - {/* Growing graph line */} - - - - - - - - {/*
-
- - $499 - -
*/} - -
+ Typing Image ); }; diff --git a/components/Features/features-clickable.tsx b/components/Features/features-clickable.tsx index 5248495..cae163e 100644 --- a/components/Features/features-clickable.tsx +++ b/components/Features/features-clickable.tsx @@ -2,6 +2,7 @@ import React, { useState } from 'react'; import { motion } from 'framer-motion'; +import { FaArrowRight } from 'react-icons/fa'; // Define the Item interface interface Item { @@ -9,6 +10,7 @@ interface Item { media: string; // URL for image or video title: string; description: string; + link: string; } // Define the items array with type annotations @@ -19,6 +21,7 @@ const items: Item[] = [ 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.", + link: "/product-manager", }, { id: 2, @@ -26,6 +29,7 @@ const items: Item[] = [ 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.", + link: "/marketing", }, { id: 3, @@ -33,6 +37,7 @@ const items: Item[] = [ 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.", + link: "/sales", }, { id: 4, @@ -40,6 +45,7 @@ const items: Item[] = [ 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.", + link: "/hr", }, ]; @@ -100,6 +106,7 @@ export default function Cliclables() {

{selectedItem.description}

+ Learn More
diff --git a/components/Features/features.tsx b/components/Features/features.tsx index 06971c8..82e5a26 100644 --- a/components/Features/features.tsx +++ b/components/Features/features.tsx @@ -169,28 +169,11 @@ const VectorCreativeSuite = () => ( {/* Preview Panel */}
- - - - + Typing Image
@@ -333,9 +316,9 @@ const VectorCommunity = () => { const VectorMonetization = () => { const subscriptionTiers = [ - { name: "Basic", price: "49", color: "from-blue-500/30 to-purple-500/30" }, - { name: "Pro", price: "199", color: "from-purple-500/30 to-pink-500/30" }, - { name: "Enterprise", price: "499", color: "from-pink-500/30 to-orange-500/30" } + { name: "Started", price: "29", color: "from-blue-500/30 to-purple-500/30" }, + { name: "Professional", price: "69", color: "from-purple-500/30 to-pink-500/30" }, + { name: "Business", price: "349", color: "from-pink-500/30 to-orange-500/30" } ]; return ( @@ -403,7 +386,7 @@ const VectorMonetization = () => { animate={{ scale: [1, 1.1, 1] }} transition={{ duration: 2, repeat: Infinity }} > - ${tier.price} + £{tier.price}
- -
- -
); diff --git a/next.config.ts b/next.config.ts index e9ffa30..2ae1124 100644 --- a/next.config.ts +++ b/next.config.ts @@ -1,7 +1,9 @@ import type { NextConfig } from "next"; const nextConfig: NextConfig = { - /* config options here */ + images: { + domains: ["unsplash.com"], + }, }; -export default nextConfig; +export default nextConfig; \ No newline at end of file