Update src/app/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -1,36 +1,34 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
 import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";
+import { Zap, Award, Star } from "lucide-react";
-import { Award, Star } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Shop", id: "shop" },
+    { name: "Shop", id: "/shop" },
-    { name: "Sell Your Watch", id: "sell" },
+    { name: "Sell Your Watch", id: "/sell" },
-    { name: "Collections", id: "collections" },
+    { name: "Collections", id: "/collections" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
   ];
 
   const footerColumns = [
     {
-      title: "Explore",
+      title: "Explore",      items: [
-      items: [
         { label: "Shop Watches", href: "/shop" },
         { label: "Sell Your Watch", href: "/sell" },
-        { label: "3D Gallery", href: "/shop" },
+        { label: "3D Gallery", href: "#gallery" },
         { label: "Collections", href: "/shop" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Story", href: "/about" },
         { label: "Blog", href: "#" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "Help Center", href: "#" },
         { label: "Contact Us", href: "#" },
         { label: "Valuation Guide", href: "#" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Return Policy", href: "#" },
@@ -74,19 +70,19 @@ export default function AboutPage() {
         <NavbarLayoutFloatingInline
           brandName="Headless Angel"
           navItems={navItems}
-          button={{ text: "Browse Now", href: "/shop" }}
+          button={{
-          animateOnLoad={true}
+            text: "Browse Now",            href: "/shop"}}
         />
       </div>
 
-      <div id="our-story" data-section="our-story">
+      <div id="about-story" data-section="about-story">
         <MetricSplitMediaAbout
           title="Crafted Excellence, Trusted Community"
           description="Headless Angel was founded on the belief that luxury watches represent more than timekeeping—they embody heritage, artistry, and investment value. We've built a trusted marketplace where passion for horology meets transparent commerce."
           tag="Our Story"
-          tagIcon={Award}
+          tagIcon={Zap}
           tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-upside-down_23-2148253668.jpg?_wi=3"
+          imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg?_wi=3"
           mediaAnimation="slide-up"
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -99,82 +95,52 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="our-values" data-section="our-values">
+      <div id="about-values" data-section="about-values">
         <FeatureCardNineteen
-          title="Core Values That Define Us"
+          title="Our Core Values"
-          description="Every decision at Headless Angel is guided by a commitment to authenticity, transparency, and excellence in luxury watch commerce."
+          description="Everything we do at Headless Angel is guided by a commitment to transparency, expertise, and community."
-          tag="Our Mission"
+          tag="What Drives Us"
           tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
           features={[
             {
               id: 1,
-              tag: "Authentication",
+              tag: "Authenticity",              title: "Unwavering Integrity",              subtitle: "Trust as foundation",              description: "Every transaction is rooted in complete transparency. We maintain rigorous authentication standards and provide full documentation because your confidence is our greatest asset.",              imageSrc: "http://img.b2bpic.net/free-photo/passports-with-watch-beton-background_23-2148328912.jpg?_wi=3"},
-              title: "Uncompromising Authenticity",
-              subtitle: "Trust through verification",
-              description: "Every watch is authenticated by certified experts. We invest heavily in verification technology and horological knowledge to ensure every timepiece meets our rigorous standards.",
-              imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-wristwatch_23-2147689138.jpg?_wi=3",
-            },
             {
               id: 2,
-              tag: "Community",
+              tag: "Expertise",              title: "Master Horologists",              subtitle: "Decades of knowledge",              description: "Our team includes certified watchmakers and collectors with generations of combined expertise. We don't just facilitate transactions—we curate collections with deep market knowledge.",              imageSrc: "http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg?_wi=4"},
-              title: "Community Built on Passion",
-              subtitle: "Collectors united",
-              description: "We've created more than a marketplace—we've built a community where watch enthusiasts connect, share knowledge, and celebrate the art of horology together.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg?_wi=3",
-            },
             {
               id: 3,
-              tag: "Transparency",
+              tag: "Community",              title: "Passionate Collectors",              subtitle: "Global brotherhood",              description: "We celebrate the love of horology. Whether you're a seasoned collector or discovering your first luxury piece, Headless Angel connects you with others who share your passion.",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg?_wi=3"},
-              title: "Complete Transparency",
+            {
-              subtitle: "No hidden costs",
+              id: 4,
-              description: "We believe in clear communication. From pricing to valuations to shipping—everything is transparent. You always know exactly what you're getting and what to expect.",
+              tag: "Innovation",              title: "Modern Marketplace",              subtitle: "Technology meets tradition",              description: "We blend cutting-edge e-commerce with the timeless craftsmanship of luxury watches. Our 3D gallery and secure platform showcase tradition through innovation.",              imageSrc: "http://img.b2bpic.net/free-photo/cup-portrait-job-technology-person_1157-4199.jpg?_wi=3"},
-              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914195.jpg?_wi=5",
-            },
           ]}
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
+      <div id="about-testimonials" data-section="about-testimonials">
         <TestimonialCardTwelve
-          cardTitle="What Our Collectors Say"
+          cardTitle="Trusted by Collectors Worldwide"
-          cardTag="Trusted by Watch Enthusiasts"
+          cardTag="Community Voices"
           cardTagIcon={Star}
           cardAnimation="blur-reveal"
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "testimonial-1-data",
+              id: "testimonial-1-data",              name: "James Mitchell",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg?_wi=3"},
-              name: "James Mitchell",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=3",
-            },
             {
-              id: "testimonial-2-data",
+              id: "testimonial-2-data",              name: "Victoria Chen",              imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279674.jpg?_wi=3"},
-              name: "Victoria Chen",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=3",
-            },
             {
-              id: "testimonial-3-data",
+              id: "testimonial-3-data",              name: "David Kovalski",              imageSrc: "http://img.b2bpic.net/free-photo/man-checking-time-his-watch_329181-19661.jpg?_wi=2"},
-              name: "David Kovalski",
-              imageSrc: "http://img.b2bpic.net/free-photo/man-is-looking-watch-his-wrist_8353-11434.jpg?_wi=2",
-            },
             {
-              id: "testimonial-4-data",
+              id: "testimonial-4-data",              name: "Emma Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-looking-watch_23-2147762392.jpg?_wi=2"},
-              name: "Emma Rodriguez",
-              imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-cafe-sitting-coach_1303-27367.jpg?_wi=2",
-            },
             {
-              id: "testimonial-5-data",
+              id: "testimonial-5-data",              name: "Marcus Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-businessman-model-dressed-elegant-blue-suit-posing-street-background-metrosexual_158538-10521.jpg?_wi=4"},
-              name: "Marcus Thompson",
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=4",
-            },
             {
-              id: "testimonial-6-data",
+              id: "testimonial-6-data",              name: "Sophie Laurent",              imageSrc: "http://img.b2bpic.net/free-photo/empowered-business-woman-office_23-2149279674.jpg?_wi=4"},
-              name: "Sophie Laurent",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=4",
-            },
           ]}
         />
       </div>

src/app/page.tsx

@@ -23,8 +23,7 @@ export default function HomePage() {
 
   const footerColumns = [
     {
-      title: "Explore",
+      title: "Explore",      items: [
-      items: [
         { label: "Shop Watches", href: "/shop" },
         { label: "Sell Your Watch", href: "/sell" },
         { label: "3D Gallery", href: "/" },
@@ -32,8 +31,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "/" },
         { label: "Our Story", href: "/" },
         { label: "Blog", href: "#" },
@@ -41,8 +39,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "Help Center", href: "#" },
         { label: "Contact Us", href: "#" },
         { label: "Valuation Guide", href: "#" },
@@ -50,8 +47,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Return Policy", href: "#" },
@@ -78,9 +74,7 @@ export default function HomePage() {
           navItems={navItems}
           brandName="Headless Angel"
           button={{
-            text: "Browse Now",
+            text: "Browse Now",            href: "/shop"}}
-            href: "/shop",
-          }}
         />
       </div>
 
@@ -93,41 +87,29 @@ export default function HomePage() {
           tagAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
           buttons={[
-            { text: "Explore Collection", href: "/shop" },
+            { text: "Browse Watches Now", href: "/shop" },
             { text: "Sell Your Watch", href: "/sell" },
           ]}
           buttonAnimation="slide-up"
           mediaItems={[
             {
               imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-gray_158538-11109.jpg",
+                "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-blue-suit-gray_158538-11109.jpg",              imageAlt: "Luxury Watch 1"},
-              imageAlt: "Luxury Watch 1",
-            },
             {
               imageSrc:
-                "http://img.b2bpic.net/free-photo/time-clock-concept-with-copy-space_1194-638049.jpg",
+                "http://img.b2bpic.net/free-photo/time-clock-concept-with-copy-space_1194-638049.jpg",              imageAlt: "Luxury Watch 2"},
-              imageAlt: "Luxury Watch 2",
-            },
             {
               imageSrc:
-                "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg?_wi=1",
+                "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg?_wi=1",              imageAlt: "Luxury Watch 3"},
-              imageAlt: "Luxury Watch 3",
-            },
             {
               imageSrc:
-                "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg",
+                "http://img.b2bpic.net/free-photo/countdown-street-watch-face-black_1203-4950.jpg",              imageAlt: "Luxury Watch 4"},
-              imageAlt: "Luxury Watch 4",
-            },
             {
               imageSrc:
-                "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg?_wi=2",
+                "http://img.b2bpic.net/free-photo/front-view-chest-part-man-dressed-stylish-black-suit-precious-watch-man-s-hands_8353-11493.jpg?_wi=2",              imageAlt: "Luxury Watch 5"},
-              imageAlt: "Luxury Watch 5",
-            },
             {
               imageSrc:
-                "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg",
+                "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20483.jpg",              imageAlt: "Luxury Watch 6"},
-              imageAlt: "Luxury Watch 6",
-            },
           ]}
         />
       </div>
@@ -144,44 +126,24 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              tag: "Authenticity",
+              tag: "Authenticity",              title: "100% Certified Authentic",              subtitle: "Every timepiece verified",              description:
-              title: "100% Certified Authentic",
+                "All watches undergo rigorous authentication and certification by our expert horologists. Your investment is guaranteed genuine.",              imageSrc:
-              subtitle: "Every timepiece verified",
+                "http://img.b2bpic.net/free-photo/businessman-looking-wristwatch_23-2147689138.jpg?_wi=1"},
-              description:
-                "All watches undergo rigorous authentication and certification by our expert horologists. Your investment is guaranteed genuine.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/businessman-looking-wristwatch_23-2147689138.jpg?_wi=1",
-            },
             {
               id: 2,
-              tag: "Marketplace",
+              tag: "Marketplace",              title: "Seamless Buy & Sell",              subtitle: "Two-way marketplace",              description:
-              title: "Seamless Buy & Sell",
+                "List your luxury watches for sale or browse curated collections from verified sellers. Secure transactions with escrow protection.",              imageSrc:
-              subtitle: "Two-way marketplace",
+                "http://img.b2bpic.net/free-photo/man-looking-away-high-angle-shot_23-2148230229.jpg"},
-              description:
-                "List your luxury watches for sale or browse curated collections from verified sellers. Secure transactions with escrow protection.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/man-looking-away-high-angle-shot_23-2148230229.jpg",
-            },
             {
               id: 3,
-              tag: "Support",
+              tag: "Support",              title: "Expert Support 24/7",              subtitle: "Personal assistance",              description:
-              title: "Expert Support 24/7",
+                "Our luxury watch specialists are available to help with valuations, appraisals, and personalized recommendations tailored to your collection.",              imageSrc:
-              subtitle: "Personal assistance",
+                "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg?_wi=1"},
-              description:
-                "Our luxury watch specialists are available to help with valuations, appraisals, and personalized recommendations tailored to your collection.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg?_wi=1",
-            },
             {
               id: 4,
-              tag: "Delivery",
+              tag: "Delivery",              title: "Secure White-Glove Shipping",              subtitle: "Protected delivery",              description:
-              title: "Secure White-Glove Shipping",
+                "Every timepiece is insured and delivered with white-glove service, arriving in pristine condition with full documentation.",              imageSrc:
-              subtitle: "Protected delivery",
+                "http://img.b2bpic.net/free-photo/businessman-consulting-wristwatch_1262-18365.jpg?_wi=1"},
-              description:
-                "Every timepiece is insured and delivered with white-glove service, arriving in pristine condition with full documentation.",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/businessman-consulting-wristwatch_1262-18365.jpg?_wi=1",
-            },
           ]}
         />
       </div>
@@ -199,26 +161,14 @@ export default function HomePage() {
           animationType="blur-reveal"
           products={[
             {
-              id: "watch-sports-1",
+              id: "watch-sports-1",              name: "Sports Chronograph Pro",              price: "$8,500",              imageSrc:
-              name: "Sports Chronograph Pro",
+                "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg?_wi=1"},
-              price: "$8,500",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg?_wi=1",
-            },
             {
-              id: "watch-dress-1",
+              id: "watch-dress-1",              name: "Elegant Dress Watch",              price: "$6,200",              imageSrc:
-              name: "Elegant Dress Watch",
+                "http://img.b2bpic.net/free-photo/close-up-man-s-hand-with-wrist-watch_23-2147941432.jpg?_wi=1"},
-              price: "$6,200",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-man-s-hand-with-wrist-watch_23-2147941432.jpg?_wi=1",
-            },
             {
-              id: "watch-vintage-1",
+              id: "watch-vintage-1",              name: "Vintage Heritage Timepiece",              price: "$5,800",              imageSrc:
-              name: "Vintage Heritage Timepiece",
+                "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914195.jpg?_wi=1"},
-              price: "$5,800",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914195.jpg?_wi=1",
-            },
           ]}
         />
       </div>
@@ -252,41 +202,23 @@ export default function HomePage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "testimonial-1-data",
+              id: "testimonial-1-data",              name: "James Mitchell",              imageSrc:
-              name: "James Mitchell",
+                "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=1"},
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=1",
-            },
             {
-              id: "testimonial-2-data",
+              id: "testimonial-2-data",              name: "Victoria Chen",              imageSrc:
-              name: "Victoria Chen",
+                "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=1"},
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=1",
-            },
             {
-              id: "testimonial-3-data",
+              id: "testimonial-3-data",              name: "David Kovalski",              imageSrc:
-              name: "David Kovalski",
+                "http://img.b2bpic.net/free-photo/man-is-looking-watch-his-wrist_8353-11434.jpg?_wi=1"},
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/man-is-looking-watch-his-wrist_8353-11434.jpg?_wi=1",
-            },
             {
-              id: "testimonial-4-data",
+              id: "testimonial-4-data",              name: "Emma Rodriguez",              imageSrc:
-              name: "Emma Rodriguez",
+                "http://img.b2bpic.net/free-photo/woman-working-laptop-cafe-sitting-coach_1303-27367.jpg?_wi=1"},
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/woman-working-laptop-cafe-sitting-coach_1303-27367.jpg?_wi=1",
-            },
             {
-              id: "testimonial-5-data",
+              id: "testimonial-5-data",              name: "Marcus Thompson",              imageSrc:
-              name: "Marcus Thompson",
+                "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=2"},
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/handsome-man-looking-his-watch_23-2148448875.jpg?_wi=2",
-            },
             {
-              id: "testimonial-6-data",
+              id: "testimonial-6-data",              name: "Sophie Laurent",              imageSrc:
-              name: "Sophie Laurent",
+                "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=2"},
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/portrait-beautiful-young-girl-she-sits-chair-stylish-black-outfit-real-emotion_197531-2614.jpg?_wi=2",
-            },
           ]}
         />
       </div>
@@ -304,26 +236,14 @@ export default function HomePage() {
           animationType="scale-rotate"
           products={[
             {
-              id: "3d-mechanical",
+              id: "3d-mechanical",              name: "Mechanical Movement 3D",              price: "Explore",              imageSrc:
-              name: "Mechanical Movement 3D",
+                "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1720.jpg"},
-              price: "Explore",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/grunge-old-vintage-clock_1232-1720.jpg",
-            },
             {
-              id: "3d-crystal",
+              id: "3d-crystal",              name: "Crystal Dial Details",              price: "Explore",              imageSrc:
-              name: "Crystal Dial Details",
+                "http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg"},
-              price: "Explore",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/crop-woman-with-wrist-builder_23-2147775533.jpg",
-            },
             {
-              id: "3d-strap",
+              id: "3d-strap",              name: "Leather Strap Craftsmanship",              price: "Explore",              imageSrc:
-              name: "Leather Strap Craftsmanship",
+                "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9457.jpg"},
-              price: "Explore",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9457.jpg",
-            },
           ]}
         />
       </div>
@@ -342,35 +262,20 @@ export default function HomePage() {
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "faq-1",
+              id: "faq-1",              title: "How do I know a watch is authentic?",              content:
-              title: "How do I know a watch is authentic?",
+                "Every watch on Headless Angel undergoes rigorous authentication by certified horologists. We verify serial numbers, examine construction quality, and provide full certification documentation with your purchase."},
-              content:
-                "Every watch on Headless Angel undergoes rigorous authentication by certified horologists. We verify serial numbers, examine construction quality, and provide full certification documentation with your purchase.",
-            },
             {
-              id: "faq-2",
+              id: "faq-2",              title: "Can I sell my personal watch collection?",              content:
-              title: "Can I sell my personal watch collection?",
+                "Absolutely! List your watches through our seller portal. We handle valuation, listing creation, and buyer verification. Our secure escrow system protects both buyer and seller until delivery is confirmed."},
-              content:
-                "Absolutely! List your watches through our seller portal. We handle valuation, listing creation, and buyer verification. Our secure escrow system protects both buyer and seller until delivery is confirmed.",
-            },
             {
-              id: "faq-3",
+              id: "faq-3",              title: "What shipping options are available?",              content:
-              title: "What shipping options are available?",
+                "All timepieces ship via insured white-glove delivery with full tracking. International shipping is available with customs documentation handled by our team."},
-              content:
-                "All timepieces ship via insured white-glove delivery with full tracking. International shipping is available with customs documentation handled by our team.",
-            },
             {
-              id: "faq-4",
+              id: "faq-4",              title: "Is there a return policy?",              content:
-              title: "Is there a return policy?",
+                "Yes. If your watch doesn't meet expectations upon delivery, you have 14 days to return it for a full refund (minus shipping). All returns must include original packaging and documentation."},
-              content:
-                "Yes. If your watch doesn't meet expectations upon delivery, you have 14 days to return it for a full refund (minus shipping). All returns must include original packaging and documentation.",
-            },
             {
-              id: "faq-5",
+              id: "faq-5",              title: "How do you appraise watches for selling?",              content:
-              title: "How do you appraise watches for selling?",
+                "Our experts evaluate condition, rarity, market demand, and authenticity. We provide transparent valuations based on recent comparable sales and current market trends."},
-              content:
-                "Our experts evaluate condition, rarity, market demand, and authenticity. We provide transparent valuations based on recent comparable sales and current market trends.",
-            },
           ]}
         />
       </div>

src/app/sell/page.tsx

@@ -1,36 +1,34 @@
 "use client";
 
+import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
 import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";
+import { Sparkles, CheckCircle, HelpCircle } from "lucide-react";
-import { CheckCircle, Zap, HelpCircle } from "lucide-react";
 
-export default function SellPage() {
+export default function SellYourWatchPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Shop", id: "shop" },
+    { name: "Shop", id: "/shop" },
-    { name: "Sell Your Watch", id: "sell" },
+    { name: "Sell Your Watch", id: "/sell" },
-    { name: "Collections", id: "collections" },
+    { name: "Collections", id: "/collections" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
   ];
 
   const footerColumns = [
     {
-      title: "Explore",
+      title: "Explore",      items: [
-      items: [
         { label: "Shop Watches", href: "/shop" },
         { label: "Sell Your Watch", href: "/sell" },
-        { label: "3D Gallery", href: "/shop" },
+        { label: "3D Gallery", href: "#gallery" },
         { label: "Collections", href: "/shop" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Story", href: "/about" },
         { label: "Blog", href: "#" },
@@ -38,8 +36,7 @@ export default function SellPage() {
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "Help Center", href: "#" },
         { label: "Contact Us", href: "#" },
         { label: "Valuation Guide", href: "#" },
@@ -47,8 +44,7 @@ export default function SellPage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Return Policy", href: "#" },
@@ -74,16 +70,46 @@ export default function SellPage() {
         <NavbarLayoutFloatingInline
           brandName="Headless Angel"
           navItems={navItems}
-          button={{ text: "Browse Now", href: "/shop" }}
+          button={{
-          animateOnLoad={true}
+            text: "Browse Now",            href: "/shop"}}
         />
       </div>
 
-      <div id="sell-process" data-section="sell-process">
+      <div id="hero-sell" data-section="hero-sell">
+        <HeroBillboardCarousel
+          title="Turn Your Luxury Watches Into Cash"
+          description="Sell your premium timepieces on Headless Angel's trusted marketplace. Get expert appraisals, reach global collectors, and receive secure payments. Whether you're liquidating a collection or upgrading your watch portfolio, we handle everything with care."
+          tag="Seller Platform"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          background={{ variant: "radial-gradient" }}
+          buttons={[
+            { text: "Start Selling", href: "#" },
+            { text: "Get Free Appraisal", href: "#" },
+          ]}
+          buttonAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/young-man-checking-time-his-watch-against-black-background_23-2147937487.jpg?_wi=2",              imageAlt: "Sell Your Watch 1"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/close-up-clock-with-time-change_23-2149241144.jpg?_wi=2",              imageAlt: "Sell Your Watch 2"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722614.jpg?_wi=2",              imageAlt: "Sell Your Watch 3"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg?_wi=2",              imageAlt: "Sell Your Watch 4"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/stylish-businessman-working-city_1157-20936.jpg?_wi=2",              imageAlt: "Sell Your Watch 5"},
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-time-hand-watch_53876-20480.jpg?_wi=2",              imageAlt: "Sell Your Watch 6"},
+          ]}
+        />
+      </div>
+
+      <div id="seller-process" data-section="seller-process">
         <FeatureCardNineteen
-          title="How to Sell Your Luxury Watch"
+          title="Selling Made Simple"
-          description="A streamlined process designed to make selling your precious timepiece simple, transparent, and rewarding."
+          description="Our streamlined process ensures your luxury watch reaches the right buyer with maximum value and security."
-          tag="Selling Guide"
+          tag="4-Step Process"
           tagIcon={CheckCircle}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -91,98 +117,43 @@ export default function SellPage() {
           features={[
             {
               id: 1,
-              tag: "Step 1",
+              tag: "Step 1",              title: "Submit Your Watch",              subtitle: "Share details & photos",              description: "Provide information about your timepiece including brand, model, condition, and photos. Our system guides you through each detail to ensure accuracy.",              imageSrc: "http://img.b2bpic.net/free-photo/passports-with-watch-beton-background_23-2148328912.jpg?_wi=2"},
-              title: "Submit Your Watch",
-              subtitle: "Share details and photos",
-              description: "Provide high-quality photos and detailed information about your timepiece. Include condition, service history, original box, and papers.",
-              imageSrc: "http://img.b2bpic.net/free-photo/businessman-looking-wristwatch_23-2147689138.jpg?_wi=2",
-            },
             {
               id: 2,
-              tag: "Step 2",
+              tag: "Step 2",              title: "Expert Appraisal",              subtitle: "Professional evaluation",              description: "Our horologists review your submission and provide a detailed appraisal based on market conditions, rarity, and current demand for your specific model.",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-terrace_23-2148103941.jpg?_wi=2"},
-              title: "Professional Evaluation",
-              subtitle: "Expert assessment",
-              description: "Our certified horologists inspect your watch, verify authenticity, assess condition, and provide a competitive valuation based on current market trends.",
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg?_wi=2",
-            },
             {
               id: 3,
-              tag: "Step 3",
+              tag: "Step 3",              title: "Secure Shipping",              subtitle: "Insured delivery to us",              description: "We arrange and pay for white-glove pickup of your watch. Full insurance covers your timepiece during transit from your location to our authentication center.",              imageSrc: "http://img.b2bpic.net/free-photo/cup-portrait-job-technology-person_1157-4199.jpg?_wi=2"},
-              title: "Receive Your Offer",
-              subtitle: "Fair market price",
-              description: "Accept our transparent offer or counter-offer. Once agreed, we handle all logistics and buyer verification for you.",
-              imageSrc: "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914195.jpg?_wi=4",
-            },
             {
               id: 4,
-              tag: "Step 4",
+              tag: "Step 4",              title: "Get Paid",              subtitle: "Instant payment upon sale",              description: "Once authenticated and listed, you receive payment within 48 hours of buyer confirmation. Choose wire transfer, ACH, or check for funds distribution.",              imageSrc: "http://img.b2bpic.net/free-photo/loving-man-doing-present-girl_23-2147736661.jpg?_wi=2"},
-              title: "Get Paid Securely",
-              subtitle: "Fast settlement",
-              description: "Funds are transferred via secure escrow upon buyer confirmation of delivery. We handle all documentation and insurance.",
-              imageSrc: "http://img.b2bpic.net/free-photo/businessman-consulting-wristwatch_1262-18365.jpg?_wi=2",
-            },
           ]}
         />
       </div>
 
-      <div id="selling-benefits" data-section="selling-benefits">
+      <div id="seller-faq" data-section="seller-faq">
-        <MetricSplitMediaAbout
-          title="Why Sell Through Headless Angel"
-          description="Join thousands of collectors who trust us with their most valuable timepieces. Our platform offers unmatched security, transparency, and expert guidance at every step."
-          tag="Seller Advantages"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/abstract-ferromagnetic-mirrored-metal-upside-down_23-2148253668.jpg?_wi=2"
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
-          useInvertedBackground={true}
-          metrics={[
-            { value: "8K+", title: "Successful Sellers" },
-            { value: "$240M+", title: "Total Sold" },
-            { value: "48hrs", title: "Avg Payment Time" },
-            { value: "99.8%", title: "Seller Satisfaction" },
-          ]}
-        />
-      </div>
-
-      <div id="selling-faq" data-section="selling-faq">
         <FaqSplitMedia
-          title="Selling FAQs"
+          title="Seller Questions Answered"
-          description="Everything you need to know about selling your luxury watch collection on Headless Angel."
+          description="Get clarity on our selling process, commission rates, and how we handle authentication and payments."
-          tag="Help & Support"
+          tag="Seller Support"
           tagIcon={HelpCircle}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          mediaPosition="right"
+          mediaPosition="left"
           mediaAnimation="slide-up"
           faqsAnimation="slide-up"
           faqs={[
             {
-              id: "sell-faq-1",
+              id: "seller-faq-1",              title: "What's your commission rate for sellers?",              content: "We charge a competitive 8% commission on successful sales. This includes authentication, listing creation, buyer verification, escrow management, and logistics coordination—transparent with no hidden fees."},
-              title: "What types of watches do you buy?",
-              content: "We purchase luxury watches from prestigious brands including Rolex, Patek Philippe, Omega, Audemars Piguet, IWC, Cartier, and other high-end manufacturers. Watches must be authentic and in sellable condition.",
-            },
             {
-              id: "sell-faq-2",
+              id: "seller-faq-2",              title: "How are watches authenticated?",              content: "Our team of certified master horologists conducts a comprehensive inspection covering case construction, movement authenticity, dial quality, and all identifying features. Each watch receives detailed documentation and a certificate of authenticity."},
-              title: "How long does the evaluation process take?",
-              content: "Once we receive your watch, our experts complete the evaluation within 2-3 business days. You'll receive a detailed report and valuation offer that you can accept, counter, or decline.",
-            },
             {
-              id: "sell-faq-3",
+              id: "seller-faq-3",              title: "What if my watch doesn't sell?",              content: "If your watch doesn't sell within 90 days, we can arrange for its return at no charge. Alternatively, we offer buy-back options at fair market value for certain premium pieces."},
-              title: "Do I need original box and papers?",
-              content: "While original box and papers increase value, they're not required. We evaluate all watches fairly based on their condition, authenticity, and market demand. Complete sets typically command premium prices.",
-            },
             {
-              id: "sell-faq-4",
+              id: "seller-faq-4",              title: "How long does the selling process take?",              content: "The typical timeline is 7-14 days from submission to listing. Once listed, average sale time is 21-45 days depending on the model's desirability and market conditions."},
-              title: "How are sellers protected?",
-              content: "All transactions use secure escrow protection. Your watch remains insured throughout the process, and funds are only transferred after the buyer confirms delivery and satisfaction.",
-            },
             {
-              id: "sell-faq-5",
+              id: "seller-faq-5",              title: "Can I set my own price?",              content: "We provide recommended pricing based on market analysis, but you have flexibility. Our pricing guidance ensures competitive positioning while protecting against undervaluation of rare or collectible pieces."},
-              title: "What are your commission rates?",
-              content: "We charge a transparent 8% seller fee on the final sale price. There are no hidden costs. The price we quote you is the price you receive (minus our standard fee).",
-            },
           ]}
         />
       </div>

src/app/shop/page.tsx

@@ -1,44 +1,41 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Award, HelpCircle } from "lucide-react";
+import { Award, Zap } from "lucide-react";
+import Link from "next/link";
 
 export default function ShopPage() {
   const navItems = [
-    { name: "Home", id: "home" },
+    { name: "Home", id: "/" },
-    { name: "Shop", id: "shop" },
+    { name: "Shop", id: "/shop" },
-    { name: "Sell Your Watch", id: "sell" },
+    { name: "Sell Your Watch", id: "/sell" },
-    { name: "Collections", id: "collections" },
+    { name: "Collections", id: "/collections" },
-    { name: "About", id: "about" },
+    { name: "About", id: "/about" },
   ];
 
   const footerColumns = [
     {
-      title: "Explore",
+      title: "Explore",      items: [
-      items: [
         { label: "Shop Watches", href: "/shop" },
         { label: "Sell Your Watch", href: "/sell" },
-        { label: "3D Gallery", href: "/" },
+        { label: "3D Gallery", href: "#" },
         { label: "Collections", href: "/shop" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
+        { label: "About Us", href: "/about" },
-        { label: "About Us", href: "/" },
+        { label: "Our Story", href: "/about" },
-        { label: "Our Story", href: "/" },
         { label: "Blog", href: "#" },
         { label: "Careers", href: "#" },
       ],
     },
     {
-      title: "Support",
+      title: "Support",      items: [
-      items: [
         { label: "Help Center", href: "#" },
         { label: "Contact Us", href: "#" },
         { label: "Valuation Guide", href: "#" },
@@ -46,8 +43,7 @@ export default function ShopPage() {
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Return Policy", href: "#" },
@@ -71,104 +67,55 @@ export default function ShopPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          navItems={navItems}
           brandName="Headless Angel"
+          navItems={navItems}
           button={{
-            text: "Browse Now",
+            text: "Browse Now",            href: "/shop"}}
-            href: "/shop",
-          }}
         />
       </div>
 
-      <div id="shop-products" data-section="shop-products">
+      <div id="shop-collection" data-section="shop-collection">
         <ProductCardOne
           title="Complete Watch Collection"
-          description="Explore our comprehensive inventory of authenticated luxury timepieces. From sports chronographs to elegant dress watches and vintage heritage pieces, find your perfect watch."
+          description="Explore our comprehensive catalog of authenticated luxury timepieces across all categories, styles, and price points. Find your perfect watch from our curated global marketplace."
           tag="Full Catalog"
           tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          gridVariant="bento-grid"
+          gridVariant="three-columns-all-equal-width"
           animationType="blur-reveal"
           products={[
             {
-              id: "watch-sports-1",
+              id: "watch-sports-1",              name: "Sports Chronograph Pro",              price: "$8,500",              imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine_23-2147793091.jpg?_wi=2",              imageAlt: "luxury sports watch chronograph action"},
-              name: "Sports Chronograph Pro",
-              price: "$8,500",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg?_wi=2",
-            },
             {
-              id: "watch-dress-1",
+              id: "watch-dress-1",              name: "Elegant Dress Watch",              price: "$6,200",              imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accessories-hands_158538-9455.jpg?_wi=2",              imageAlt: "luxury dress watch formal elegant"},
-              name: "Elegant Dress Watch",
-              price: "$6,200",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-man-s-hand-with-wrist-watch_23-2147941432.jpg?_wi=2",
-            },
             {
-              id: "watch-vintage-1",
+              id: "watch-vintage-1",              name: "Vintage Heritage Timepiece",              price: "$5,800",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-seller-s-hand-gloves-shows-exclusive-men-s-watch-from-new-collection-luxury-jewelry-store_613910-20420.jpg?_wi=2",              imageAlt: "luxury vintage watch retro classic"},
-              name: "Vintage Heritage Timepiece",
-              price: "$5,800",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914195.jpg?_wi=2",
-            },
-            {
-              id: "watch-sports-2",
-              name: "Diving Watch Professional",
-              price: "$7,900",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/friends-going-hiking-winter_23-2150198170.jpg?_wi=3",
-            },
-            {
-              id: "watch-dress-2",
-              name: "Executive Dress Collection",
-              price: "$6,800",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/close-up-man-s-hand-with-wrist-watch_23-2147941432.jpg?_wi=3",
-            },
-            {
-              id: "watch-vintage-2",
-              name: "Classic Vintage Reserve",
-              price: "$4,500",
-              imageSrc:
-                "http://img.b2bpic.net/free-photo/male-jeweler-working-shop-with-magnifying-glass_23-2150914195.jpg?_wi=3",
-            },
           ]}
         />
       </div>
 
-      <div id="shop-guide" data-section="shop-guide">
+      <div id="shop-metrics" data-section="shop-metrics">
-        <FaqSplitMedia
+        <MetricSplitMediaAbout
-          title="Shopping Guide"
+          title="Why Shop With Confidence on Headless Angel"
-          description="Learn how to find the perfect luxury watch and navigate our secure buying process with confidence."
+          description="Every watch in our collection has been carefully vetted and authenticated by our expert horologists. We provide complete transparency, detailed condition reports, and full provenance documentation with every purchase."
-          tag="Buyer Information"
+          tag="Shopping Confidence"
-          tagIcon={HelpCircle}
+          tagIcon={Zap}
           tagAnimation="slide-up"
-          textboxLayout="default"
+          imageSrc="http://img.b2bpic.net/free-photo/small-business-manager-his-workshop_23-2149094601.jpg?_wi=2"
-          useInvertedBackground={false}
-          mediaPosition="left"
           mediaAnimation="slide-up"
-          faqsAnimation="slide-up"
+          metricsAnimation="slide-up"
-          faqs={[
+          useInvertedBackground={true}
+          metrics={[
             {
-              id: "shop-faq-1",
+              value: "100%",              title: "Authenticated"},
-              title: "How do I filter watches by type?",
-              content:
-                "Use our advanced filtering options to search by brand, price range, style, and condition. Each listing includes detailed specifications and authentication certificates.",
-            },
             {
-              id: "shop-faq-2",
+              value: "14 Days",              title: "Return Window"},
-              title: "What payment methods do you accept?",
-              content:
-                "We accept credit cards, bank transfers, and secure escrow payments. All transactions are encrypted and protected by our buyer guarantee program.",
-            },
             {
-              id: "shop-faq-3",
+              value: "Insured",              title: "Shipping"},
-              title: "How long does delivery take?",
+            {
-              content:
+              value: "Lifetime",              title: "Support"},
-                "Domestic orders arrive within 3-5 business days. International shipments typically take 7-14 business days. All deliveries include full insurance and tracking.",
-            },
           ]}
         />
       </div>