Update src/app/page.tsx

Merge version_9 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
 import { Flower2, Sparkles, Heart, Flower, Award, MapPin, Leaf, Mail } from "lucide-react";
 
 export default function LandingPage() {
@@ -38,17 +39,34 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="Giina"
-          description="Discover the beauty of nature with Giina's handcrafted floral arrangements. Fresh flowers delivered with love, passion, and attention to every detail."
+        <HeroBillboard
+          title="Discover the Beauty of Nature"
+          description="Handcrafted floral arrangements delivered with love, passion, and attention to every detail. Fresh flowers for every moment."
+          background={{ variant: "plain" }}
+          tag="Fresh Blooms"
+          tagIcon={Flower2}
+          tagAnimation="opacity"
           buttons={[
             { text: "Shop Now", href: "products" },
             { text: "Learn More", href: "about" }
           ]}
+          buttonAnimation="blur-reveal"
+          avatars={[
+            {
+              src: "https://img.b2bpic.net/free-photo/cheerful-young-businesswoman-smiling-camera_74855-4022.jpg",              alt: "Customer avatar 1"
+            },
+            {
+              src: "https://img.b2bpic.net/free-photo/smiling-hispanic-female-executive-wearing-eyeglasses-standing-studio_662251-664.jpg",              alt: "Customer avatar 2"
+            },
+            {
+              src: "https://img.b2bpic.net/free-photo/young-beautiful-woman-smiling-posing-purple-wall_176420-2852.jpg",              alt: "Customer avatar 3"
+            }
+          ]}
+          avatarText="Trusted by 5,000+ customers"
           imageSrc="https://img.b2bpic.net/free-photo/closeup-shot-bouquet-with-roses-vase-near-window-sunlight_181624-30882.jpg"
           imageAlt="Fresh rose bouquet arrangement"
-          showDimOverlay={false}
-          ariaLabel="Hero section with logo"
+          mediaAnimation="slide-up"
+          ariaLabel="Hero section with floral arrangements"
         />
       </div>
 
@@ -128,6 +146,27 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="metrics" data-section="metrics">
+        <MetricCardTen
+          metrics={[
+            {
+              id: "1",              title: "Senior Florist, Boutique Design",              subtitle: "London, UK · Full-time · Remote eligible",              category: "Design",              value: "£35K – £45K",              buttons: [{ text: "Apply Now", href: "#" }]
+            },
+            {
+              id: "2",              title: "Product Manager, E-Commerce",              subtitle: "New York, NY · Full-time",              category: "Product",              value: "$95K – $130K",              buttons: [{ text: "Apply Now", href: "#" }]
+            },
+            {
+              id: "3",              title: "Marketing Specialist, Brand",              subtitle: "Remote · Full-time",              category: "Marketing",              value: "$60K – $85K",              buttons: [{ text: "Apply Now", href: "#" }]
+            }
+          ]}
+          title="Join Our Growing Team"
+          description="We're looking for talented individuals who are passionate about flowers and customer excellence. Explore open positions and grow with Giina."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
           testimonial="Giina flowers transformed my wedding day. The arrangements were breathtaking, fresh, and exactly what I envisioned. The team's attention to detail and customer service was exceptional. I couldn't have asked for better!"