Update src/app/page.tsx

src/app/about/page.tsx

@@ -0,0 +1,56 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Firenze"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+        />
+        <MetricSplitMediaAbout
+          title="Our Florentine Heritage"
+          description="Born in the heart of Florence, our workshop carries on a century-old legacy of artisanal furniture making. We believe in blending traditional techniques with modern needs, ensuring every piece tells a story of craftsmanship and dedication."
+          metrics={[
+            { value: "120+", title: "Years Established" },
+            { value: "50+", title: "Master Artisans" },
+            { value: "100%", title: "Sustainably Sourced" }
+          ]}
+          imageSrc="http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600761.jpg"
+          useInvertedBackground={false}
+        />
+        <FooterBase
+          logoText="Firenze Furniture"
+          copyrightText="© 2026 | Firenze Furniture Co."
+          columns={[
+            { title: "Company", items: [{ label: "History", href: "/about" }, { label: "Artisans", href: "/about" }, { label: "Stores", href: "#" }] },
+            { title: "Shop", items: [{ label: "Collections", href: "/gallery" }, { label: "Dining", href: "/catalog" }, { label: "Bedroom", href: "/catalog" }] },
+            { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }, { label: "Newsletter", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/catalog/page.tsx

@@ -0,0 +1,53 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function CatalogPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Firenze"
+          navItems={[
+            { name: "Collections", id: "/gallery" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+        />
+        <ProductCatalog
+          layout="page"
+          products={[
+            { id: "1", name: "Classic Walnut Dining Table", price: "$3,200", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg" },
+            { id: "2", name: "Velvet Modular Sofa", price: "$4,500", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg" },
+            { id: "3", name: "Sculptural Brass Lamp", price: "$850", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-embossed-glass-vase-with-green-flowers-wooden-table_140725-12906.jpg" }
+          ]}
+        />
+        <FooterBase
+          logoText="Firenze Furniture"
+          copyrightText="© 2026 | Firenze Furniture Co."
+          columns={[
+            { title: "Company", items: [{ label: "History", href: "/about" }, { label: "Artisans", href: "/about" }, { label: "Stores", href: "#" }] },
+            { title: "Shop", items: [{ label: "Collections", href: "/gallery" }, { label: "Dining", href: "/catalog" }, { label: "Bedroom", href: "/catalog" }] },
+            { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }, { label: "Newsletter", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Firenze"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Collections", id: "/gallery" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "Contact", id: "/contact" },
+          ]}
+        />
+        <ContactText
+          text="Get in Touch with Our Artisans"
+          background={{ variant: "canvas-reveal" }}
+          buttons={[{ text: "Submit Inquiry", href: "#" }]}
+          useInvertedBackground={false}
+          className="pt-32 pb-24"
+        />
+        <FooterBase
+          logoText="Firenze Furniture"
+          copyrightText="© 2026 | Firenze Furniture Co."
+          columns={[
+            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] },
+            { title: "Shop", items: [{ label: "View Gallery", href: "/gallery" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/gallery/page.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function GalleryPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Firenze"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" },
+          ]}
+        />
+        <ProductCardThree
+          title="Our Furniture Showcase"
+          description="A curated selection of our finest handcrafted Italian pieces."
+          gridVariant="bento-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          products={[
+            { id: "1", name: "Walnut Dining Table", price: "$4,500", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-spacious-interior-design_23-2150378910.jpg" },
+            { id: "2", name: "Velvet Modular Sofa", price: "$8,200", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg" },
+            { id: "3", name: "Artisanal Bed", price: "$6,000", imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-modern-elegance-illuminated-naturally-generated-by-ai_188544-18309.jpg" },
+          ]}
+          className="pt-32 pb-24"
+        />
+        <FooterBase
+          logoText="Firenze Furniture"
+          copyrightText="© 2026 | Firenze Furniture Co."
+          columns={[
+            { title: "Company", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] },
+            { title: "Shop", items: [{ label: "View Gallery", href: "/gallery" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -5,15 +5,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
 import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
-import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
+import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
 import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
-import TeamCardFive from "@/components/sections/team/TeamCardFive";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
-import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingUp, Lock, Phone, MessageCircle, BookOpen, Tv, Camera, Music, Settings, Award, Users } from "lucide-react";
+import { Sparkles, ArrowUpRight, Users, Award, TrendingUp } from "lucide-react";
 
 export default function FirenzeFurniturePage() {
   return (
@@ -25,7 +23,7 @@ export default function FirenzeFurniturePage() {
       sizing="medium"
       background="none"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
@@ -33,12 +31,11 @@ export default function FirenzeFurniturePage() {
         <NavbarLayoutFloatingOverlay
           brandName="Firenze"
           navItems={[
-            { name: "Collections", id: "collections" },
-            { name: "Craftsmanship", id: "craftsmanship" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" },
+            { name: "Home", id: "/" },
+            { name: "Collections", id: "/gallery" },
+            { name: "Contact", id: "/contact" },
           ]}
-          button={{ text: "View Catalog", href: "#collections" }}
+          button={{ text: "View Catalog", href: "/gallery" }}
         />
         <HeroSplitDoubleCarousel
           title="Timeless Italian Elegance"
@@ -48,8 +45,8 @@ export default function FirenzeFurniturePage() {
           tagAnimation="slide-up"
           background={{ variant: "canvas-reveal" }}
           buttons={[
-            { text: "Explore Collection", href: "#collections" },
-            { text: "Our Process", href: "#craftsmanship" },
+            { text: "Explore Collection", href: "/gallery" },
+            { text: "Contact Us", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
           carouselPosition="right"
@@ -71,49 +68,22 @@ export default function FirenzeFurniturePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          buttons={[{ text: "Read More", href: "#about" }]}
           features={[
-            {
-              title: "Material Excellence",              description: "Only the finest sustainably sourced hardwoods and Italian leathers.",              bentoComponent: "marquee",              centerIcon: Shield,
-              variant: "text",              texts: ["Walnut", "Oak", "Marble", "Leather", "Velvet", "Brass", "Silk", "Solid Wood"],
-            },
-            {
-              title: "Artisanal Build",              description: "Each piece is built to order by master furniture makers in Italy.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600761.jpg", imageAlt: "Workshop carving" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/carpenter-cutting-mdf-board-inside-workshop_23-2149451038.jpg", imageAlt: "Finishing touches" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600740.jpg", imageAlt: "Quality inspection" },
-              ],
-            },
-            {
-              title: "Timeless Design",              description: "Furniture that transcends trends, designed to last generations.",              bentoComponent: "media-stack",              items: [
-                { imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg", imageAlt: "Living space inspiration" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263636.jpg", imageAlt: "Interior design" },
-                { imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-home-arrangement_23-2149135745.jpg", imageAlt: "Curated home" },
-              ],
-            },
+            { title: "Material Excellence", description: "Only the finest sustainably sourced hardwoods and Italian leathers.", imageSrc: "http://img.b2bpic.net/free-photo/antique-chair-interior-furniture-sofa_1203-5024.jpg", imageAlt: "Material excellence" },
+            { title: "Artisanal Build", description: "Each piece is built to order by master furniture makers in Italy.", imageSrc: "http://img.b2bpic.net/free-photo/artisan-doing-woodcutting_23-2150600761.jpg", imageAlt: "Artisanal build" },
+            { title: "Timeless Design", description: "Furniture that transcends trends, designed to last generations.", imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg", imageAlt: "Timeless design" },
           ]}
         />
-        <FeatureCardTwentySix
+        <FeatureCardTen
           title="Signature Collections"
           description="Discover the pieces that define the Firenze aesthetic."
           textboxLayout="default"
+          animationType="slide-up"
           useInvertedBackground={false}
-          buttons={[{ text: "Explore All", href: "#collections" }]}
-          buttonAnimation="slide-up"
-          cardClassName="!h-auto aspect-video"
           features={[
-            {
-              title: "Medici Dining",              description: "Majestic walnut dining collection.",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg",              imageAlt: "Dining set",              buttonIcon: ArrowUpRight,
-            },
-            {
-              title: "Arno Lounge",              description: "Ultra-plush velvet modular sofas.",              imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg",              imageAlt: "Living room",              buttonIcon: ArrowUpRight,
-            },
-            {
-              title: "Uffizi Bedroom",              description: "Refined sleeping sanctuaries.",              imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-modern-elegance-illuminated-naturally-generated-by-ai_188544-18309.jpg",              imageAlt: "Bedroom",              buttonIcon: ArrowUpRight,
-            },
-            {
-              title: "Ponte Lighting",              description: "Sculptural lamps and fixtures.",              imageSrc: "http://img.b2bpic.net/free-photo/modern-therapy-room-with-armchairs-green-lamps-creating-soft-lighting_482257-119613.jpg",              imageAlt: "Lighting",              buttonIcon: ArrowUpRight,
-            },
+            { title: "Medici Dining", description: "Majestic walnut dining collection.", media: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-arrangement_23-2150312216.jpg", imageAlt: "Dining set" }, items: [], reverse: false },
+            { title: "Arno Lounge", description: "Ultra-plush velvet modular sofas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_1203-2656.jpg", imageAlt: "Living room" }, items: [], reverse: true },
+            { title: "Uffizi Bedroom", description: "Refined sleeping sanctuaries.", media: { imageSrc: "http://img.b2bpic.net/free-photo/luxury-hotel-suite-modern-elegance-illuminated-naturally-generated-by-ai_188544-18309.jpg", imageAlt: "Bedroom" }, items: [], reverse: false },
           ]}
         />
         <TestimonialCardFifteen
@@ -155,9 +125,7 @@ export default function FirenzeFurniturePage() {
           title="Ready to Furnish Your Vision?"
           description="Book a design consultation with our experts to discuss your home interior project."
           background={{ variant: "rotated-rays-animated" }}
-          buttons={[
-            { text: "Schedule Call", href: "#contact" },
-          ]}
+          buttons={[{ text: "Schedule Call", href: "/contact" }]}
           buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
@@ -165,9 +133,9 @@ export default function FirenzeFurniturePage() {
           logoText="Firenze Furniture"
           copyrightText="© 2026 | Firenze Furniture Co."
           columns={[
-            { title: "Company", items: [{ label: "History", href: "#about" }, { label: "Artisans", href: "#craftsmanship" }, { label: "Stores", href: "#" }] },
-            { title: "Shop", items: [{ label: "Living", href: "#" }, { label: "Dining", href: "#" }, { label: "Bedroom", href: "#" }] },
-            { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Pinterest", href: "#" }, { label: "Newsletter", href: "#" }] },
+            { title: "Company", items: [{ label: "History", href: "/" }, { label: "Artisans", href: "/" }, { label: "Contact", href: "/contact" }] },
+            { title: "Shop", items: [{ label: "View Gallery", href: "/gallery" }] },
+            { title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Newsletter", href: "#" }] },
           ]}
         />
       </ReactLenis>