Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -3,7 +3,6 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
 import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function AboutPage() {
@@ -24,10 +23,10 @@ export default function AboutPage() {
         <NavbarLayoutFloatingInline
           brandName="CatalogOS"
           navItems={[
-            { name: "Public", id: "/" },
-            { name: "Features", id: "#features" },
-            { name: "Pricing", id: "#pricing" },
-            { name: "Docs", id: "#docs" },
+            { name: "Home", id: "/" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "About Us", id: "/about" },
+            { name: "Contact Us", id: "/contact" },
           ]}
           button={{ text: "Launch Admin", href: "/admin" }}
           animateOnLoad={true}
@@ -37,8 +36,8 @@ export default function AboutPage() {
       <div id="about-main" data-section="about-main">
         <MetricSplitMediaAbout
           tag="Our Story"
-          title="Building the Future of Product Catalogs"
-          description="CatalogOS was founded with a simple mission: to empower businesses of all sizes to showcase their products beautifully and manage them effortlessly. We believe that catalog management shouldn't be complicated. That's why we built a platform that combines elegance with power, simplicity with scale."
+          title="About Us"
+          description="CatalogOS is a professional product catalog platform designed to help businesses showcase their products beautifully and manage them effortlessly. We combine elegance with power, simplicity with scale."
           imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399295.jpg?_wi=2"
           imageAlt="CatalogOS platform overview"
           mediaAnimation="slide-up"
@@ -51,73 +50,23 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="about-testimonials" data-section="about-testimonials">
-        <TestimonialCardTwo
-          title="What Our Customers Say"
-          description="Don't take our word for it. Here's what industry leaders think about CatalogOS and how it's transformed their businesses."
-          tag="Success Stories"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={true}
-          testimonials={[
-            {
-              id: "test-1",
-              name: "Sarah Mitchell",
-              role: "CEO, Fashion Collective",
-              testimonial: "We migrated from multiple tools to CatalogOS and cut our inventory management time by 60%. The team loves the intuitive admin panel.",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=3",
-              imageAlt: "Sarah Mitchell",
-            },
-            {
-              id: "test-2",
-              name: "David Kumar",
-              role: "Founder, TechGear Store",
-              testimonial: "The bulk import feature is a game-changer. We onboarded 8,000 products in a single afternoon. Performance is flawless.",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=3",
-              imageAlt: "David Kumar",
-            },
-            {
-              id: "test-3",
-              name: "Elena Rodriguez",
-              role: "Operations Director, Luxury Goods Co",
-              testimonial: "CatalogOS gives us the minimal aesthetic we love with enterprise-grade power underneath. Exactly what we needed.",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=3",
-              imageAlt: "Elena Rodriguez",
-            },
-          ]}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="CatalogOS"
           copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
           columns={[
             {
-              title: "Product",
-              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "Bulk Import", href: "#" },
-                { label: "Admin Dashboard", href: "#" },
+              title: "Product",              items: [
+                { label: "Catalog", href: "/catalog" },
+                { label: "Features", href: "/about" },
+                { label: "Admin Dashboard", href: "/admin" },
               ],
             },
             {
-              title: "Resources",
-              items: [
-                { label: "Documentation", href: "#" },
-                { label: "API Reference", href: "#" },
-                { label: "Guides", href: "#" },
-                { label: "Support", href: "#" },
-              ],
-            },
-            {
-              title: "Company",
-              items: [
-                { label: "About Us", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
-                { label: "Contact", href: "#" },
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Contact Us", href: "/contact" },
+                { label: "Support", href: "/contact" },
               ],
             },
           ]}
@@ -125,4 +74,4 @@ export default function AboutPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/catalog/page.tsx

@@ -23,10 +23,10 @@ export default function CatalogPage() {
         <NavbarLayoutFloatingInline
           brandName="CatalogOS"
           navItems={[
-            { name: "Public", id: "/" },
-            { name: "Features", id: "#features" },
-            { name: "Pricing", id: "#pricing" },
-            { name: "Docs", id: "#docs" },
+            { name: "Home", id: "/" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "About Us", id: "/about" },
+            { name: "Contact Us", id: "/contact" },
           ]}
           button={{ text: "Launch Admin", href: "/admin" }}
           animateOnLoad={true}
@@ -44,32 +44,16 @@ export default function CatalogPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "prod-1",
-              name: "Premium Product A",
-              price: "$149.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=3",
-              imageAlt: "Premium product A",
+              id: "prod-1",              name: "Premium Product A",              price: "$149.99",              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=3",              imageAlt: "Premium product A"
             },
             {
-              id: "prod-2",
-              name: "Deluxe Item B",
-              price: "$249.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=3",
-              imageAlt: "Deluxe item B",
+              id: "prod-2",              name: "Deluxe Item B",              price: "$249.99",              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=3",              imageAlt: "Deluxe item B"
             },
             {
-              id: "prod-3",
-              name: "Exclusive Collection C",
-              price: "$199.99",
-              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=3",
-              imageAlt: "Exclusive collection C",
+              id: "prod-3",              name: "Exclusive Collection C",              price: "$199.99",              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=3",              imageAlt: "Exclusive collection C"
             },
             {
-              id: "prod-4",
-              name: "Limited Edition D",
-              price: "$299.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=4",
-              imageAlt: "Limited edition D",
+              id: "prod-4",              name: "Limited Edition D",              price: "$299.99",              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=4",              imageAlt: "Limited edition D"
             },
           ]}
         />
@@ -86,25 +70,13 @@ export default function CatalogPage() {
           useInvertedBackground={true}
           products={[
             {
-              id: "prod-5",
-              name: "Premium Selection E",
-              price: "$179.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=4",
-              imageAlt: "Premium selection E",
+              id: "prod-5",              name: "Premium Selection E",              price: "$179.99",              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=4",              imageAlt: "Premium selection E"
             },
             {
-              id: "prod-6",
-              name: "Signature Line F",
-              price: "$219.99",
-              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=4",
-              imageAlt: "Signature line F",
+              id: "prod-6",              name: "Signature Line F",              price: "$219.99",              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=4",              imageAlt: "Signature line F"
             },
             {
-              id: "prod-7",
-              name: "Exclusive Premium G",
-              price: "$279.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=5",
-              imageAlt: "Exclusive premium G",
+              id: "prod-7",              name: "Exclusive Premium G",              price: "$279.99",              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=5",              imageAlt: "Exclusive premium G"
             },
           ]}
         />
@@ -121,18 +93,10 @@ export default function CatalogPage() {
           useInvertedBackground={false}
           products={[
             {
-              id: "prod-8",
-              name: "Customer Favorite H",
-              price: "$189.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=5",
-              imageAlt: "Customer favorite H",
+              id: "prod-8",              name: "Customer Favorite H",              price: "$189.99",              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=5",              imageAlt: "Customer favorite H"
             },
             {
-              id: "prod-9",
-              name: "Best Seller I",
-              price: "$239.99",
-              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=5",
-              imageAlt: "Best seller I",
+              id: "prod-9",              name: "Best Seller I",              price: "$239.99",              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=5",              imageAlt: "Best seller I"
             },
           ]}
         />
@@ -144,30 +108,17 @@ export default function CatalogPage() {
           copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
           columns={[
             {
-              title: "Product",
-              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "Bulk Import", href: "#" },
-                { label: "Admin Dashboard", href: "#" },
+              title: "Product",              items: [
+                { label: "Catalog", href: "/catalog" },
+                { label: "Features", href: "/about" },
+                { label: "Admin Dashboard", href: "/admin" },
               ],
             },
             {
-              title: "Resources",
-              items: [
-                { label: "Documentation", href: "#" },
-                { label: "API Reference", href: "#" },
-                { label: "Guides", href: "#" },
-                { label: "Support", href: "#" },
-              ],
-            },
-            {
-              title: "Company",
-              items: [
-                { label: "About Us", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
-                { label: "Contact", href: "#" },
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Contact Us", href: "/contact" },
+                { label: "Support", href: "/contact" },
               ],
             },
           ]}
@@ -175,4 +126,4 @@ export default function CatalogPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/contact/page.tsx

@@ -2,15 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
+import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
-  const handleContactSubmit = (data: Record<string, string>) => {
-    console.log("Contact form submitted:", data);
-  };
-
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -28,84 +23,24 @@ export default function ContactPage() {
         <NavbarLayoutFloatingInline
           brandName="CatalogOS"
           navItems={[
-            { name: "Public", id: "/" },
-            { name: "Features", id: "#features" },
-            { name: "Pricing", id: "#pricing" },
-            { name: "Docs", id: "#docs" },
+            { name: "Home", id: "/" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "About Us", id: "/about" },
+            { name: "Contact Us", id: "/contact" },
           ]}
           button={{ text: "Launch Admin", href: "/admin" }}
           animateOnLoad={true}
         />
       </div>
 
-      <div id="contact-form" data-section="contact-form">
-        <ContactSplitForm
-          title="Get Started Today"
-          description="Join hundreds of successful catalog businesses. Fill out the form and our team will contact you within 24 hours to set up your account."
-          inputs={[
-            { name: "companyName", type: "text", placeholder: "Company Name", required: true },
-            { name: "email", type: "email", placeholder: "Work Email", required: true },
-          ]}
-          textarea={{
-            name: "message",
-            placeholder: "Tell us about your catalog business and what you're looking for...",
-            rows: 5,
-            required: true,
-          }}
+      <div id="contact-main" data-section="contact-main">
+        <ContactCenter
+          tag="Contact Us"
+          title="Get in Touch"
+          description="Have questions? We'd love to hear from you. Send us a message and we'll respond as soon as possible."
+          background={{ variant: "rotated-rays-animated-grid" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/she-is-always-available-customers_329181-15144.jpg"
-          imageAlt="Contact us illustration"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          buttonText="Request Demo"
-          onSubmit={handleContactSubmit}
-        />
-      </div>
-
-      <div id="contact-faq" data-section="contact-faq">
-        <FaqSplitMedia
-          title="Frequently Asked Questions"
-          description="Everything you need to know about CatalogOS features, pricing, and deployment."
-          tag="Support"
-          textboxLayout="default"
-          imageSrc="http://img.b2bpic.net/free-photo/call-center-hot-line-information-concept_53876-125154.jpg"
-          imageAlt="FAQ support illustration"
-          mediaAnimation="slide-up"
-          faqsAnimation="slide-up"
-          useInvertedBackground={true}
-          mediaPosition="right"
-          faqs={[
-            {
-              id: "faq-1",
-              title: "How does the bulk image import work?",
-              content: "Simply upload a ZIP file with your folder structure. Each folder becomes a product, subfolders become categories. The system automatically extracts, organizes, and optimizes all images. You can preview before confirming import.",
-            },
-            {
-              id: "faq-2",
-              title: "Can I have unlimited category nesting?",
-              content: "Yes! CatalogOS supports unlimited hierarchical levels. Create parent categories, subcategories, and deeper nested structures as needed. The breadcrumb navigation automatically adjusts.",
-            },
-            {
-              id: "faq-3",
-              title: "What about e-commerce and checkout?",
-              content: "Built-in shopping cart and checkout system. Admin can toggle e-commerce on/off, choose payment methods (Stripe, manual, cash-on-delivery). Everything is optional and configurable.",
-            },
-            {
-              id: "faq-4",
-              title: "How secure is the admin panel?",
-              content: "Enterprise-grade security with session-based authentication, rate limiting, and role-ready structure for future multi-admin support. All admin routes are protected.",
-            },
-            {
-              id: "faq-5",
-              title: "Is the platform scalable?",
-              content: "Absolutely. Handles 10,000+ products seamlessly. CDN-ready, database optimized, and built with production deployment in mind. Scales from startups to enterprises.",
-            },
-            {
-              id: "faq-6",
-              title: "What integrations are supported?",
-              content: "Stripe for payments, multiple image CDN providers, and a clean API for custom integrations. Multi-language and multi-admin support are planned.",
-            },
-          ]}
+          onSubmit={(email) => console.log("Contact email:", email)}
         />
       </div>
 
@@ -115,30 +50,17 @@ export default function ContactPage() {
           copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
           columns={[
             {
-              title: "Product",
-              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "Bulk Import", href: "#" },
-                { label: "Admin Dashboard", href: "#" },
+              title: "Product",              items: [
+                { label: "Catalog", href: "/catalog" },
+                { label: "Features", href: "/about" },
+                { label: "Admin Dashboard", href: "/admin" },
               ],
             },
             {
-              title: "Resources",
-              items: [
-                { label: "Documentation", href: "#" },
-                { label: "API Reference", href: "#" },
-                { label: "Guides", href: "#" },
-                { label: "Support", href: "#" },
-              ],
-            },
-            {
-              title: "Company",
-              items: [
-                { label: "About Us", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
-                { label: "Contact", href: "#" },
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Contact Us", href: "/contact" },
+                { label: "Support", href: "/contact" },
               ],
             },
           ]}
@@ -146,4 +68,4 @@ export default function ContactPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/layout.tsx

@@ -7,46 +7,32 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
+  variable: "--font-halant",  subsets: ["latin"],
   weight: ["300", "400", "500", "600", "700"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
 });
 
 const openSans = Open_Sans({
-  variable: "--font-open-sans",
-  subsets: ["latin"],
+  variable: "--font-open-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "CatalogOS | Professional Product Catalog Platform",
-  description: "Image-first product catalog platform with admin dashboard, bulk image import, hierarchical organization, and optional e-commerce. Built for scale and designed for minimal aesthetics.",
-  keywords: "product catalog, image gallery, admin dashboard, e-commerce, SaaS, bulk upload, inventory management",
-  metadataBase: new URL("https://catalogos.io"),
+  title: "CatalogOS | Professional Product Catalog Platform",  description: "Image-first product catalog platform with admin dashboard, bulk image import, hierarchical organization, and optional e-commerce. Built for scale and designed for minimal aesthetics.",  keywords: "product catalog, image gallery, admin dashboard, e-commerce, SaaS, bulk upload, inventory management",  metadataBase: new URL("https://catalogos.io"),
   alternates: {
-    canonical: "https://catalogos.io",
+    canonical: "https://catalogos.io"
   },
   openGraph: {
-    title: "CatalogOS - Product Catalog Platform",
-    description: "Build and manage professional product catalogs with image browsing, admin controls, and e-commerce capabilities.",
-    siteName: "CatalogOS",
-    type: "website",
-    images: [
+    title: "CatalogOS - Product Catalog Platform",    description: "Build and manage professional product catalogs with image browsing, admin controls, and e-commerce capabilities.",    siteName: "CatalogOS",    type: "website",    images: [
       {
-        url: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg",
-        alt: "CatalogOS Platform",
+        url: "http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg",        alt: "CatalogOS Platform"
       },
     ],
   },
   twitter: {
-    card: "summary_large_image",
-    title: "CatalogOS - Professional Product Catalog",
-    description: "Scalable image-first catalog platform with powerful admin dashboard and e-commerce integration.",
-    images: ["http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg"],
+    card: "summary_large_image",    title: "CatalogOS - Professional Product Catalog",    description: "Scalable image-first catalog platform with powerful admin dashboard and e-commerce integration.",    images: ["http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg"],
   },
   robots: {
     index: true,
@@ -1438,4 +1424,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -3,13 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
-import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
-import ProductCardOne from "@/components/sections/product/ProductCardOne";
-import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
-import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
-import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import Link from "next/link";
 
 export default function HomePage() {
   return (
@@ -29,10 +23,10 @@ export default function HomePage() {
         <NavbarLayoutFloatingInline
           brandName="CatalogOS"
           navItems={[
-            { name: "Public", id: "/" },
-            { name: "Features", id: "#features" },
-            { name: "Pricing", id: "#pricing" },
-            { name: "Docs", id: "#docs" },
+            { name: "Home", id: "/" },
+            { name: "Catalog", id: "/catalog" },
+            { name: "About Us", id: "/about" },
+            { name: "Contact Us", id: "/contact" },
           ]}
           button={{ text: "Launch Admin", href: "/admin" }}
           animateOnLoad={true}
@@ -41,291 +35,52 @@ export default function HomePage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial
-          title="Image-First Product Catalog Platform"
-          description="Build a professional, scalable catalog with image browsing, admin dashboard, and optional e-commerce. Upload bulk images, organize hierarchically, and manage everything from one powerful platform."
-          tag="Platform Launch"
+          title="Welcome to Your Catalog"
+          description="Browse our complete product collection with high-quality images and detailed information. Start exploring now."
+          tag="Shop Now"
           imageSrc="http://img.b2bpic.net/free-vector/ecommerce-email-template_52683-49444.jpg"
-          imageAlt="Product catalog grid showcase"
+          imageAlt="Product catalog showcase"
           background={{ variant: "glowing-orb" }}
           testimonials={[
             {
-              name: "Alex Chen",
-              handle: "Founder, RetailFlow",
-              testimonial: "CatalogOS transformed how we manage 10,000+ products. The bulk import saved us weeks of work.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=1",
-              imageAlt: "Alex Chen portrait",
+              name: "Alex Chen",              handle: "Founder, RetailFlow",              testimonial: "CatalogOS transformed how we manage our products. Simple and powerful.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=1",              imageAlt: "Alex Chen portrait"
             },
             {
-              name: "Maria Santos",
-              handle: "Operations Manager, StyleHub",
-              testimonial: "The admin dashboard is incredibly intuitive. Our team got up to speed in minutes, not days.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1",
-              imageAlt: "Maria Santos portrait",
+              name: "Maria Santos",              handle: "Operations Manager, StyleHub",              testimonial: "Incredibly intuitive interface. Our team got up to speed in minutes.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=1",              imageAlt: "Maria Santos portrait"
             },
             {
-              name: "James Wilson",
-              handle: "CTO, Digital Ventures",
-              testimonial: "Finally, a catalog platform that doesn't sacrifice performance or flexibility. Production-ready from day one.",
-              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1",
-              imageAlt: "James Wilson portrait",
+              name: "James Wilson",              handle: "CTO, Digital Ventures",              testimonial: "Production-ready from day one. Exactly what we needed.",              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=1",              imageAlt: "James Wilson portrait"
             },
           ]}
           buttons={[
-            { text: "Start Free Trial", href: "#" },
-            { text: "View Demo", href: "#" },
+            { text: "Browse Catalog", href: "/catalog" },
+            { text: "Learn More", href: "/about" },
           ]}
           mediaAnimation="slide-up"
           buttonAnimation="slide-up"
         />
       </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardSeven
-          title="Everything You Need to Scale"
-          description="A complete solution for modern product catalog management"
-          tag="Core Features"
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          features={[
-            {
-              id: 1,
-              title: "Image-First Grid Layout",
-              description: "Beautiful, responsive grid-based product browsing optimized for mobile and desktop. High-speed image loading with CDN-ready architecture.",
-              imageSrc: "http://img.b2bpic.net/free-vector/simple-ux-storyboard_742173-4525.jpg?_wi=1",
-              imageAlt: "Product grid layout showcase",
-            },
-            {
-              id: 2,
-              title: "Powerful Admin Dashboard",
-              description: "Shopify-like admin interface with secure authentication, category management, product editing, and real-time analytics.",
-              imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-              imageAlt: "Admin dashboard interface",
-            },
-            {
-              id: 3,
-              title: "Bulk Image Import (ZIP)",
-              description: "Automatically extract, organize, and import hundreds of images at once. Folder structure becomes products and categories instantly.",
-              imageSrc: "http://img.b2bpic.net/free-vector/concept-transfer-files-landing-page_52683-26836.jpg",
-              imageAlt: "Bulk upload interface",
-            },
-            {
-              id: 4,
-              title: "Hierarchical Organization",
-              description: "Unlimited category nesting levels. Organize products by parent-child relationships with seamless breadcrumb navigation.",
-              imageSrc: "http://img.b2bpic.net/free-vector/simple-ux-storyboard_742173-4525.jpg?_wi=2",
-              imageAlt: "Category hierarchy structure",
-            },
-          ]}
-          animationType="blur-reveal"
-          useInvertedBackground={false}
-          buttons={[{ text: "Explore All Features", href: "#" }]}
-        />
-      </div>
-
-      <div id="products" data-section="products">
-        <ProductCardOne
-          title="Sample Product Gallery"
-          description="Browse our curated product showcase featuring premium items with high-quality imagery."
-          tag="Gallery"
-          textboxLayout="default"
-          gridVariant="bento-grid"
-          animationType="slide-up"
-          useInvertedBackground={true}
-          products={[
-            {
-              id: "prod-1",
-              name: "Premium Product A",
-              price: "$149.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=1",
-              imageAlt: "Premium product A",
-            },
-            {
-              id: "prod-2",
-              name: "Deluxe Item B",
-              price: "$249.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=1",
-              imageAlt: "Deluxe item B",
-            },
-            {
-              id: "prod-3",
-              name: "Exclusive Collection C",
-              price: "$199.99",
-              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=1",
-              imageAlt: "Exclusive collection C",
-            },
-            {
-              id: "prod-4",
-              name: "Limited Edition D",
-              price: "$299.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/sustainability-concept-with-blank-geometric-forms-growing-plant_23-2148994248.jpg?_wi=2",
-              imageAlt: "Limited edition D",
-            },
-            {
-              id: "prod-5",
-              name: "Premium Selection E",
-              price: "$179.99",
-              imageSrc: "http://img.b2bpic.net/free-photo/yellow-model-career-kit-arrangement_23-2150083956.jpg?_wi=2",
-              imageAlt: "Premium selection E",
-            },
-            {
-              id: "prod-6",
-              name: "Signature Line F",
-              price: "$219.99",
-              imageSrc: "http://img.b2bpic.net/free-psd/cyber-monday-landing-page-template_23-2149839009.jpg?_wi=2",
-              imageAlt: "Signature line F",
-            },
-          ]}
-        />
-      </div>
-
-      <div id="about" data-section="about">
-        <MetricSplitMediaAbout
-          tag="Built for Scale"
-          title="Catalog Platform Designed for Modern Businesses"
-          description="CatalogOS combines the simplicity of Yupoo with enterprise-grade features. Whether you're running a boutique fashion store or managing 50,000+ SKUs, our platform scales effortlessly."
-          imageSrc="http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399295.jpg?_wi=1"
-          imageAlt="CatalogOS platform overview"
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
-          metrics={[
-            { value: "10,000+", title: "Products supported seamlessly" },
-            { value: "99.9%", title: "Uptime guaranteed" },
-          ]}
-        />
-      </div>
-
-      <div id="metrics" data-section="metrics">
-        <MetricCardSeven
-          title="Our Impact & Scale"
-          description="The results speak for themselves. See how CatalogOS powers modern catalog businesses."
-          tag="Statistics"
-          textboxLayout="default"
-          animationType="scale-rotate"
-          useInvertedBackground={false}
-          metrics={[
-            {
-              id: "metric-1",
-              value: "500M+",
-              title: "Images served monthly",
-              items: ["CDN-optimized delivery", "Sub-100ms load times", "Mobile-first performance"],
-            },
-            {
-              id: "metric-2",
-              value: "2,500+",
-              title: "Active catalog businesses",
-              items: ["From boutiques to enterprises", "Multiple industries served", "Global customer base"],
-            },
-            {
-              id: "metric-3",
-              value: "99.9%",
-              title: "Platform uptime SLA",
-              items: ["Enterprise-grade infrastructure", "Redundant systems", "24/7 monitoring"],
-            },
-            {
-              id: "metric-4",
-              value: "60%",
-              title: "Average time saved weekly",
-              items: ["Automated bulk imports", "Streamlined admin workflows", "No manual data entry"],
-            },
-          ]}
-        />
-      </div>
-
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
-          title="Trusted by Industry Leaders"
-          description="Real feedback from real customers using CatalogOS to transform their businesses."
-          tag="Reviews"
-          textboxLayout="default"
-          animationType="slide-up"
-          useInvertedBackground={true}
-          testimonials={[
-            {
-              id: "test-1",
-              name: "Sarah Mitchell",
-              role: "CEO, Fashion Collective",
-              testimonial: "We migrated from multiple tools to CatalogOS and cut our inventory management time by 60%. The team loves the intuitive admin panel.",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg?_wi=2",
-              imageAlt: "Sarah Mitchell",
-            },
-            {
-              id: "test-2",
-              name: "David Kumar",
-              role: "Founder, TechGear Store",
-              testimonial: "The bulk import feature is a game-changer. We onboarded 8,000 products in a single afternoon. Performance is flawless.",
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg?_wi=2",
-              imageAlt: "David Kumar",
-            },
-            {
-              id: "test-3",
-              name: "Elena Rodriguez",
-              role: "Operations Director, Luxury Goods Co",
-              testimonial: "CatalogOS gives us the minimal aesthetic we love with enterprise-grade power underneath. Exactly what we needed.",
-              imageSrc: "http://img.b2bpic.net/free-photo/young-serious-businessman-looking-camera-meeting-headshot-portrait_1163-3923.jpg?_wi=2",
-              imageAlt: "Elena Rodriguez",
-            },
-            {
-              id: "test-4",
-              name: "Michael Chen",
-              role: "Head of E-commerce, RetailNet",
-              testimonial: "The hierarchical category system is brilliant. Customers love the clean navigation. Conversion rates are up 35%.",
-              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
-              imageAlt: "Michael Chen",
-            },
-            {
-              id: "test-5",
-              name: "Jessica Thompson",
-              role: "Product Manager, StyleHub",
-              testimonial: "Admin dashboard feels like Shopify but optimized for catalog businesses. Support team is incredibly responsive.",
-              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-office-engages-communication-virtual-presentation-talking_482257-133582.jpg",
-              imageAlt: "Jessica Thompson",
-            },
-            {
-              id: "test-6",
-              name: "Robert Schmidt",
-              role: "CTO, Digital Marketplace",
-              testimonial: "The architecture is clean and scalable. API is well-documented. Integration was seamless. Highly recommended.",
-              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-leader-meeting-with-his-team_1262-2160.jpg",
-              imageAlt: "Robert Schmidt",
-            },
-          ]}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="CatalogOS"
           copyrightText="© 2025 CatalogOS | Professional Product Catalog Platform"
           columns={[
             {
-              title: "Product",
-              items: [
-                { label: "Features", href: "#features" },
-                { label: "Pricing", href: "#pricing" },
-                { label: "Bulk Import", href: "#" },
-                { label: "Admin Dashboard", href: "#" },
+              title: "Product",              items: [
+                { label: "Catalog", href: "/catalog" },
+                { label: "Features", href: "/about" },
+                { label: "Admin Dashboard", href: "/admin" },
               ],
             },
             {
-              title: "Resources",
-              items: [
-                { label: "Documentation", href: "#" },
-                { label: "API Reference", href: "#" },
-                { label: "Guides", href: "#" },
-                { label: "Support", href: "#" },
-              ],
-            },
-            {
-              title: "Company",
-              items: [
-                { label: "About Us", href: "#" },
-                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
-                { label: "Contact", href: "#" },
+              title: "Company",              items: [
+                { label: "About Us", href: "/about" },
+                { label: "Contact Us", href: "/contact" },
+                { label: "Support", href: "/contact" },
               ],
             },
           ]}
@@ -333,4 +88,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}