Merge version_8 into main

Merge version_8 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -31,66 +31,27 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Benefits",
-          id: "about",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Pricing",
-          id: "faq",
-        },
+        { name: "Features", id: "features" },
+        { name: "Benefits", id: "about" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" },
       ]}
-      brandName="GrantWriter AI"
+      brandName="Orchid & Bonsai"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroCarouselLogo
-      logoText="GrantWriter AI"
-      description="Unlock your funding potential with AI-driven grant writing. Streamline your proposals and win more awards with our intelligent platform."
+      logoText="Orchid & Bonsai"
+      description="Master the art of cultivation with expert guidance, curated tools, and premium care supplies for your orchids and bonsai collection."
       buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-        {
-          text: "Learn More",
-          href: "#about",
-        },
+        { text: "Browse Supplies", href: "#features" },
+        { text: "Get Started", href: "#contact" },
       ]}
       slides={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/modern-sleek-dashboard-for-grant-writing-1775406324967-5be3cdcc.png",
-          imageAlt: "Dashboard",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/professional-team-working-on-grant-propo-1775406324401-35fc7066.png",
-          imageAlt: "Collaboration",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/close-up-of-analytical-data-on-a-screen--1775406324261-cb65d085.png",
-          imageAlt: "Analytics",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/abstract-background-featuring-glowing-no-1775406323409-a6fa839b.png",
-          imageAlt: "AI Network",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/modern-software-interface-showing-an-emp-1775406326834-d9091a89.png",
-          imageAlt: "Writer",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/futuristic-cloud-data-visualization-blue-1775406324006-105709e9.png",
-          imageAlt: "Cloud",
-        },
+        { imageSrc: "https://images.unsplash.com/photo-1545239351-ef35f42d5160?q=80&w=1200", imageAlt: "Beautiful Orchid Bloom" },
+        { imageSrc: "https://images.unsplash.com/photo-1582236166567-33a879e13a96?q=80&w=1200", imageAlt: "Exquisite Bonsai Tree" },
+        { imageSrc: "https://images.unsplash.com/photo-1512422266772-3d1223e75121?q=80&w=1200", imageAlt: "Care Supplies" },
       ]}
     />
   </div>
@@ -98,14 +59,9 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
-      tag="Our Mission"
-      title="Empowering Organizations to Secure Funding Faster"
-      buttons={[
-        {
-          text: "Our Approach",
-          href: "#features",
-        },
-      ]}
+      tag="Our Philosophy"
+      title="Cultivating Elegance & Peace"
+      buttons={[{ text: "Learn About Our Methods", href: "#contact" }]}
     />
   </div>
 
@@ -114,30 +70,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          tag: "AI Writing",
-          title: "Smart Drafting",
-          subtitle: "Draft faster",
-          description: "AI-assisted generation tailored to specific grant requirements.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/ai-text-generator-icon-high-quality-icon-1775406322766-7f1815c2.png",
-        },
-        {
-          tag: "Analytics",
-          title: "Win Rate Tracking",
-          subtitle: "Track success",
-          description: "Get deep insights into your submission history and win rates.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/performance-analytics-chart-modern-ui-ic-1775406323210-d617695a.png",
-        },
-        {
-          tag: "Workflow",
-          title: "Seamless Collaboration",
-          subtitle: "Team up",
-          description: "Manage multi-user access and real-time edits effortlessly.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/document-upload-cloud-symbol-modern-ui-i-1775406322985-9e9001f6.png",
-        },
+        { tag: "Curated", title: "Premium Supplies", subtitle: "Professional grade", description: "High-quality pots, specialized soil, and fertilizers for optimal growth.", imageSrc: "https://images.unsplash.com/photo-1594498652286-f14d8a59489f?q=80&w=600", buttons: [{ text: "Shop Supplies", href: "#features" }] },
+        { tag: "Guidance", title: "Expert Masterclasses", subtitle: "From master growers", description: "Learn pruning, repotting, and specialized care techniques from experts.", imageSrc: "https://images.unsplash.com/photo-1444491741275-3747c53d50b4?q=80&w=600", buttons: [{ text: "View Courses", href: "#features" }] },
+        { tag: "Care", title: "Personalized Schedules", subtitle: "Stay on track", description: "Receive reminders and care plans tailored to your specific plant species.", imageSrc: "https://images.unsplash.com/photo-1549488344-c6c7f75d5080?q=80&w=600", buttons: [{ text: "Start Planning", href: "#features" }] },
       ]}
-      title="Intelligence Built for Grants"
-      description="Key features that help you focus on your mission while we handle the heavy lifting."
+      title="Excellence in Cultivation"
+      description="Everything you need to nurture your collection and develop your passion for botanical art."
     />
   </div>
 
@@ -147,57 +85,23 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",
-          icon: Award,
-          title: "Success Rate",
-          value: "85%",
-        },
-        {
-          id: "m2",
-          icon: DollarSign,
-          title: "Funding Secured",
-          value: "$500M+",
-        },
-        {
-          id: "m3",
-          icon: Clock,
-          title: "Time Saved",
-          value: "10h/week",
-        },
+        { id: "m1", icon: Award, title: "Species Curated", value: "500+" },
+        { id: "m2", icon: DollarSign, title: "Active Growers", value: "10k+" },
+        { id: "m3", icon: Clock, title: "Expert Sessions", value: "250h+" },
       ]}
-      title="Data Driven Impact"
-      description="See why top non-profits trust our platform."
+      title="Growing Community"
+      description="Join the largest network of orchid and bonsai enthusiasts worldwide."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardFifteen
       useInvertedBackground={false}
-      testimonial="This platform has completely changed the way our team approaches grant applications. We are saving time and winning more."
+      testimonial="Orchid & Bonsai provided the exact tools and guidance I needed to revive my bonsai. The community knowledge is unparalleled."
       rating={5}
-      author="Sarah J., Executive Director"
+      author="Sarah J., Passionate Hobbyist"
       avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/portrait-of-a-female-professional-smilin-1775406324561-5827333a.png",
-          alt: "Sarah",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/portrait-of-a-male-professional-smiling-1775406325280-f9707d2e.png",
-          alt: "John",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/portrait-of-a-female-professional-lookin-1775406324156-969199c6.png",
-          alt: "Emily",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/portrait-of-a-male-professional-looking--1775406324238-f57980a1.png",
-          alt: "David",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BwfdkVjxSqmY5DPNKdocx0jBnA/portrait-of-a-female-professional-with-g-1775406324040-f353d991.png",
-          alt: "Alice",
-        },
+        { src: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=200", alt: "Sarah" },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="blur-reveal"
@@ -209,80 +113,55 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "q1",
-          title: "Is it secure?",
-          content: "Yes, we use industry-standard encryption for all data.",
-        },
-        {
-          id: "q2",
-          title: "Does it work for any grant?",
-          content: "Our AI is trained on thousands of successful grants across sectors.",
-        },
-        {
-          id: "q3",
-          title: "How do I get started?",
-          content: "Sign up and create your first workspace in minutes.",
-        },
+        { id: "q1", title: "Are these plants beginners friendly?", content: "We have curated kits specifically designed for those new to orchids and bonsai cultivation." },
+        { id: "q2", title: "What shipping options exist?", content: "We ship globally with climate-controlled packaging to ensure your plants arrive in peak health." },
+        { id: "q3", title: "Can I get personal advice?", content: "Our premium members get 1-on-1 consultations with our master arborists and orchidologists." },
       ]}
-      title="Frequently Asked Questions"
-      description="Find quick answers to common questions about our grant platform."
+      title="Expert Answers"
+      description="Frequently asked questions from our growing community."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      tag="Contact Us"
-      title="Ready to Secure Your Funding?"
-      description="Get started with GrantWriter AI today."
+      title="Start Your Journey"
+      description="Join our mailing list to receive expert care tips, new species updates, and exclusive members-only offers."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Full Name" },
+        { name: "email", type: "email", placeholder: "Email Address" }
+      ]}
+      textarea={{ name: "inquiry", placeholder: "Tell us about your interests", rows: 4 }}
+      buttonText="Subscribe Now"
+      imageSrc="https://images.unsplash.com/photo-1594498652309-9b935634563a?q=80&w=1200"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterMedia
+      imageSrc="https://images.unsplash.com/photo-1510665261546-444a7f05c48b?q=80&w=600"
+      logoText="Orchid & Bonsai"
       columns={[
         {
-          items: [
-            {
-              label: "Product",
-              href: "#",
-            },
-            {
-              label: "Features",
-              href: "#",
-            },
-            {
-              label: "Pricing",
-              href: "#",
-            },
-          ],
+          title: "Resources",          items: [
+            { label: "Care Guides", href: "#" },
+            { label: "Masterclasses", href: "#" },
+            { label: "Shop All", href: "#" }
+          ]
         },
         {
-          items: [
-            {
-              label: "Company",
-              href: "#",
-            },
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
+          title: "Company",          items: [
+            { label: "Our Story", href: "#about" },
+            { label: "Join Us", href: "#contact" },
+            { label: "Contact", href: "#contact" }
+          ]
+        }
       ]}
-      logoText="GrantWriter AI"
+      copyrightText="© 2025 Orchid & Bonsai. Cultivate with care."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5faff;
-  --card: #f1f8ff;
-  --foreground: #001122;
-  --primary-cta: #15479c;
+  --background: #fbf9fb;
+  --card: #f4f1f4;
+  --foreground: #2d242c;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #f5faff;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #fbf9fb;
   --secondary-cta-text: #001122;
-  --accent: #a8cce8;
-  --background-accent: #7ba3cf;
+  --accent: #d8cce8;
+  --background-accent: #e0cce0;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);