Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -2,10 +2,12 @@
 
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import FeatureBento from '@/components/sections/feature/FeatureBento';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FaqDouble from '@/components/sections/faq/FaqDouble';
+import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import { BookOpen, Camera, CheckCircle, Cloud, Droplets, Flower2, Heart, Leaf, Phone, Shield, Sprout, Sun, User, Zap } from 'lucide-react';
@@ -51,7 +53,7 @@ export default function FloraiBotanicalPage() {
             { text: "Explore Topics", href: "#" }
           ]}
           buttonAnimation="blur-reveal"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-modern-mobile-phone-interface-showing--1773779869099-649db078.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-modern-mobile-phone-interface-showing--1773779869099-649db078.png?_wi=1"
           imageAlt="Flori AI plant identification interface"
           showDimOverlay={false}
           showBlur={true}
@@ -60,24 +62,88 @@ export default function FloraiBotanicalPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardFourteen
+        <MetricCardOne
           title="Trusted by Plant Lovers Worldwide"
+          description="Flori AI is trusted by millions of plant lovers worldwide with industry-leading accuracy and comprehensive care resources."
           tag="Growing Community"
           tagAnimation="slide-up"
           metrics={[
-            { id: "species", value: "30,000+", description: "Plant Species" },
+            { id: "species", value: "30,000+", title: "Plant Species", description: "Plant species identified", icon: Leaf },
-            { id: "accuracy", value: "98.5%", description: "Accuracy Rate" },
+            { id: "accuracy", value: "98.5%", title: "Accuracy Rate", description: "Identification accuracy", icon: CheckCircle },
-            { id: "guides", value: "15,000+", description: "Care Guides" },
+            { id: "guides", value: "15,000+", title: "Care Guides", description: "Available care guides", icon: BookOpen },
-            { id: "gardeners", value: "2M+", description: "Happy Gardeners" }
+            { id: "gardeners", value: "2M+", title: "Happy Gardeners", description: "Community members", icon: Heart }
           ]}
-          metricsAnimation="blur-reveal"
+          animationType="blur-reveal"
+          gridVariant="uniform-all-items-equal"
+          textboxLayout="default"
           useInvertedBackground={false}
           ariaLabel="Flori AI metrics and statistics"
         />
       </div>
 
+      <div id="pricing" data-section="pricing">
+        <PricingCardTwo
+          title="Simple, Transparent Pricing"
+          description="Choose the perfect plan for your plant care journey."
+          tag="Flexible Plans"
+          tagIcon={Leaf}
+          tagAnimation="slide-up"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          plans={[
+            {
+              id: "free",              badge: "Free",              price: "$0",              subtitle: "/month",              features: [
+                "Basic plant identification",                "Limited care guides",                "Standard notifications"
+              ],
+              buttons: [{ text: "Get Started", href: "#" }]
+            },
+            {
+              id: "pro",              badge: "Pro",              price: "$9.99",              subtitle: "/month",              features: [
+                "Unlimited identification",                "All care guides",                "Expert chat access",                "Custom watering schedules",                "Priority support"
+              ],
+              buttons: [{ text: "Subscribe Now", href: "#" }]
+            },
+            {
+              id: "premium",              badge: "Premium",              price: "$19.99",              subtitle: "/month",              features: [
+                "Everything in Pro",                "Advanced disease detection",                "Photo library storage",                "Community badge",                "Early access to features"
+              ],
+              buttons: [{ text: "Subscribe Now", href: "#" }]
+            }
+          ]}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardOne
+          title="Our Recommended Products"
+          description="Hand-picked tools and supplies to help your plants thrive."
+          tag="Plant Care Essentials"
+          tagIcon={Sprout}
+          tagAnimation="slide-up"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="three-columns-all-equal-width"
+          products={[
+            {
+              id: "moisture-meter",              brand: "GreenTech",              name: "Digital Moisture Meter",              price: "$24.99",              rating: 4.8,
+              reviewCount: "1.2k",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-modern-digital-moisture-meter-product-1773779869099-649db078.png",              imageAlt: "Digital moisture meter"
+            },
+            {
+              id: "fertilizer-kit",              brand: "BotaniCare",              name: "Complete Fertilizer Kit",              price: "$34.99",              rating: 4.9,
+              reviewCount: "2.1k",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-complete-fertilizer-kit-with-multiple-1773779869099-649db078.png",              imageAlt: "Complete fertilizer kit"
+            },
+            {
+              id: "grow-light",              brand: "LuminaGrow",              name: "Smart LED Grow Light",              price: "$79.99",              rating: 4.7,
+              reviewCount: "890",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-smart-led-grow-light-with-modern-design-1773779869099-649db078.png",              imageAlt: "Smart LED grow light"
+            }
+          ]}
+        />
+      </div>
+
       <div id="features" data-section="features">
-        <FeatureBento
+        <FeatureCardOne
           title="Everything your plants need"
           description="Our comprehensive suite of AI tools helps you nurture your green companions from seedling to full bloom."
           tag="Complete Plant Care Solution"
@@ -87,86 +153,35 @@ export default function FloraiBotanicalPage() {
           textboxLayout="default"
           useInvertedBackground={true}
           carouselMode="buttons"
+          gridVariant="three-columns-all-equal-width"
           features={[
             {
-              title: "Identify Plants",              description: "Take a photo and instantly identify any plant species with high accuracy.",              bentoComponent: "3d-stack-cards",              items: [
+              title: "Identify Plants",              description: "Take a photo and instantly identify any plant species with high accuracy.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-modern-mobile-phone-interface-showing--1773779869099-649db078.png?_wi=2",              imageAlt: "Plant identification"
-                { icon: Camera, title: "Smart Recognition", subtitle: "AI-Powered", detail: "Instant identification" },
-                { icon: Zap, title: "Lightning Fast", subtitle: "Real-time Results", detail: "Immediate response" },
-                { icon: CheckCircle, title: "Highly Accurate", subtitle: "98.5% Precision", detail: "Verified database" }
-              ]
             },
             {
-              title: "Watering Schedule",              description: "Get personalized seasonal watering schedules for your specific plants.",              bentoComponent: "3d-task-list",              items: [
+              title: "Watering Schedule",              description: "Get personalized seasonal watering schedules for your specific plants.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-modern-mobile-phone-interface-showing--1773779869099-649db078.png?_wi=3",              imageAlt: "Watering schedule"
-                { icon: Droplets, label: "Spring: Light watering", time: "Every 2-3 days" },
-                { icon: Sun, label: "Summer: Frequent watering", time: "Daily" },
-                { icon: Cloud, label: "Fall: Moderate watering", time: "Every 3-4 days" }
-              ]
             },
             {
-              title: "Expert Chat",              description: "Talk to our AI botanist about care, diseases, and gardening tips.",              bentoComponent: "chat",              aiIcon: Leaf,
+              title: "Expert Chat",              description: "Talk to our AI botanist about care, diseases, and gardening tips.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-modern-mobile-phone-interface-showing--1773779869099-649db078.png?_wi=4",              imageAlt: "Expert chat"
-              userIcon: User,
-              exchanges: [
-                { userMessage: "My plant leaves are turning yellow", aiResponse: "This might indicate overwatering or nutrient deficiency. Check soil moisture and adjust your watering schedule accordingly." },
-                { userMessage: "How often should I fertilize?", aiResponse: "Most plants benefit from fertilizing every 2-4 weeks during growing season. Reduce frequency in winter months." }
-              ],
-              placeholder: "Ask about plant care..."
             },
             {
-              title: "Plant Topics",              description: "Explore a curated library of guides from beginners to advanced care.",              bentoComponent: "orbiting-icons",              centerIcon: BookOpen,
+              title: "Plant Topics",              description: "Explore a curated library of guides from beginners to advanced care.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-modern-mobile-phone-interface-showing--1773779869099-649db078.png?_wi=5",              imageAlt: "Plant topics"
-              items: [
-                { icon: Sprout, ring: 1, duration: 20 },
-                { icon: Leaf, ring: 2, duration: 25 },
-                { icon: Flower2, ring: 3, duration: 30 },
-                { icon: Shield, ring: 1, duration: 22 }
-              ]
             }
           ]}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="faq" data-section="faq">
-        <TestimonialCardThirteen
+        <FaqDouble
-          title="Loved by Plant Enthusiasts"
+          title="Frequently Asked Questions"
-          description="Join thousands of gardeners who have transformed their plant care routine with Flori AI."
+          description="Find answers to common questions about Flori AI and plant care."
-          tag="Community Stories"
+          tag="Help & Support"
-          tagIcon={Heart}
+          tagIcon={Leaf}
           tagAnimation="slide-up"
+          faqsAnimation="blur-reveal"
           textboxLayout="default"
           useInvertedBackground={false}
-          showRating={true}
+          animationType="smooth"
-          animationType="blur-reveal"
-          carouselMode="buttons"
-          testimonials={[
-            {
-              id: "1",              name: "Sarah Mitchell",              handle: "@sarahgrows",              testimonial: "Flori AI completely changed how I care for my plants. I went from killing plants every month to maintaining a thriving garden. The watering schedule is incredibly helpful!",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-portrait-photo-of-a-happy-gardener-hol-1773779868690-c6b8ed3d.png",              imageAlt: "Sarah Mitchell with her plants"
-            },
-            {
-              id: "2",              name: "Marcus Chen",              handle: "@urbanplantdad",              testimonial: "As someone new to gardening, I was skeptical about AI. But Flori AI's expert chat answered every question I had about my struggling monstera. Now it's thriving!",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-portrait-of-a-young-professional-holdi-1773779868823-eaab1daf.png",              imageAlt: "Marcus Chen in his plant-filled apartment"
-            },
-            {
-              id: "3",              name: "Elena Rodriguez",              handle: "@botanicalelenа",              testimonial: "The plant identification feature is amazingly accurate. I use it to catalog my collection and share findings with my gardening club. Absolutely fantastic app!",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-cheerful-botanical-expert-or-experienc-1773779869116-b867e9a2.png",              imageAlt: "Elena Rodriguez in her botanical garden"
-            },
-            {
-              id: "4",              name: "James Powell",              handle: "@jamesgreen",              testimonial: "Working from home got a lot greener thanks to Flori AI. My office plants are the healthiest they've ever been. The notifications remind me exactly when to water.",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-portrait-of-someone-in-a-home-office-s-1773779869550-46db118f.png",              imageAlt: "James Powell at his plant-filled desk"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactFaq
-          ctaTitle="Ready to Grow?"
-          ctaDescription="Start your journey to becoming a plant expert today. Get instant plant identification and personalized care guidance."
-          ctaButton={{ text: "Download Flori AI", href: "#" }}
-          ctaIcon={Leaf}
-          useInvertedBackground={true}
-          animationType="blur-reveal"
-          accordionAnimationType="smooth"
-          showCard={true}
           faqs={[
             {
               id: "1",              title: "How accurate is plant identification?",              content: "Flori AI achieves 98.5% accuracy rate across 30,000+ plant species by using advanced AI algorithms trained on extensive botanical databases. Results improve with clear, well-lit photos."
@@ -182,6 +197,34 @@ export default function FloraiBotanicalPage() {
             },
             {
               id: "5",              title: "How do watering schedules work?",              content: "Our AI creates personalized watering schedules based on your plant type, location, season, and soil conditions. You'll receive notifications when it's time to water."
+            },
+            {
+              id: "6",              title: "What plants can you identify?",              content: "We can identify over 30,000 plant species including common houseplants, garden plants, flowers, shrubs, trees, succulents, and rare botanical specimens. New species are added regularly to our database."
+            }
+          ]}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardTwo
+          title="Meet Our Plant Experts"
+          description="Our passionate team of botanists and AI specialists work together to bring you the best plant care solutions."
+          tag="Our Team"
+          tagIcon={Leaf}
+          tagAnimation="slide-up"
+          animationType="blur-reveal"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          gridVariant="three-columns-all-equal-width"
+          members={[
+            {
+              id: "1",              name: "Dr. Sarah Chen",              role: "Lead Botanist",              description: "Expert botanist with 15+ years of experience in plant identification and care.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-portrait-of-a-lead-botanist-professional-1773779869099-649db078.png",              imageAlt: "Dr. Sarah Chen"
+            },
+            {
+              id: "2",              name: "Marcus Johnson",              role: "AI Research Lead",              description: "AI specialist focused on developing advanced plant recognition algorithms.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-portrait-of-an-ai-research-specialist-1773779869099-649db078.png",              imageAlt: "Marcus Johnson"
+            },
+            {
+              id: "3",              name: "Elena Rodriguez",              role: "Plant Care Expert",              description: "Passionate about helping plant lovers succeed in their gardening journey.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B5XEzlBtv8ys4dJZy7G0pyXs3R/a-portrait-of-a-plant-care-expert-smiling-1773779869099-649db078.png",              imageAlt: "Elena Rodriguez"
             }
           ]}
         />