Update src/app/page.tsx

Merge version_11 into main

src/app/layout.tsx

@@ -1,13 +1,13 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
-import "@/app/globals.css";
 
 const inter = Inter({
   variable: "--font-inter",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Giina Flowers",  description: "Exquisite handcrafted floral arrangements delivered with love"};
+  title: "Giina Flowers",  description: "Handcrafted floral arrangements delivered with love and passion"
+};
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -1,14 +1,15 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 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,33 +39,19 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboard
-          title="Discover the Beauty of Nature"
+        <HeroLogoBillboard
+          logoText="Giina"
           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" }
+            { text: "Shop Now", href: "/shop" },
+            { 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"
           mediaAnimation="slide-up"
+          frameStyle="card"
           ariaLabel="Hero section with floral arrangements"
         />
       </div>
@@ -94,7 +81,7 @@ export default function LandingPage() {
             }
           ]}
           buttons={[
-            { text: "View All Collections", href: "contact" }
+            { text: "View All Collections", href: "/shop" }
           ]}
           buttonAnimation="blur-reveal"
           useInvertedBackground={false}
@@ -145,6 +132,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!"