Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -30,26 +30,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Calculator",
-          id: "calculator",
-        },
-        {
-          name: "Visualizer",
-          id: "visualizer",
-        },
-        {
-          name: "Pricing",
-          id: "pricing",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "Calculator", id: "calculator" },
+        { name: "Visualizer", id: "visualizer" },
+        { name: "Pricing", id: "pricing" },
+        { name: "Products", id: "/products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="SMART BUILD"
     />
@@ -58,94 +44,15 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Construct Smarter. Live Better."
       description="SMART BUILD is the all-in-one digital platform for precision home construction, combining real-time material calculation, 3D visualization, and automated cost estimation."
       testimonials={[
-        {
-          name: "Alex Rivet",
-          handle: "@builder1",
-          testimonial: "The AI calculator is flawless. Saved me months of estimation time.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg",
-        },
-        {
-          name: "Maria Silva",
-          handle: "@arch_maria",
-          testimonial: "3D visualization is a game changer for my clients.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150652893.jpg",
-        },
-        {
-          name: "John Doe",
-          handle: "@developer_jd",
-          testimonial: "Hidden cost estimation is incredibly accurate.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-gay-couple-balcony_74855-20307.jpg",
-        },
-        {
-          name: "Emma Watt",
-          handle: "@em_builds",
-          testimonial: "Integrated seamlessly into our site planning workflow.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-tablet-helmet_23-2148269247.jpg",
-        },
-        {
-          name: "Liam K.",
-          handle: "@l_builds",
-          testimonial: "Total game-changer for budget management.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-with-blueprints-thumb-up_1149-1158.jpg",
-        },
+        { name: "Alex Rivet", handle: "@builder1", testimonial: "The AI calculator is flawless. Saved me months of estimation time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-rejoicing-male-engineer-sitting-his-working-place-writing-notes-document-plan-business-contractor-agenda-corporate-job-property-builder_140725-155596.jpg" },
+        { name: "Maria Silva", handle: "@arch_maria", testimonial: "3D visualization is a game changer for my clients.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-relaxing-home_23-2150652893.jpg" }
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/technician-using-laptop-monitor-solar-panel-factory-assembly-lines-close-up_482257-117805.jpg?_wi=1"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-multi-ethnic-women-working-together-design-construction-blueprints-building-model-colleagues-analyzing-layout-print-plan-designing-urban-architectural-project_482257-40263.jpg",
-          alt: "Construction design lead",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/photovoltaics-factory-engineer-conducts-simulations-solar-panel-designs_482257-117843.jpg",
-          alt: "Solar simulation engineer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pc-desk-empty-photovoltaics-factory-monitoring-system-performance-closeup_482257-118100.jpg",
-          alt: "System monitor",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/solar-panel-plant-manager-checking-progress-done-by-programmer-close-up_482257-117879.jpg",
-          alt: "Factory plant manager",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/abstract-technology-background_1048-9652.jpg",
-          alt: "Tech background specialist",
-        },
-      ]}
       avatarText="Trusted by 5,000+ top-tier construction leads globally."
-      marqueeItems={[
-        {
-          type: "text",
-          text: "AI-Powered Accuracy",
-        },
-        {
-          type: "text",
-          text: "Real-time 3D Rendering",
-        },
-        {
-          type: "text",
-          text: "Automated Costing",
-        },
-        {
-          type: "text",
-          text: "Cloud-Native Infrastructure",
-        },
-        {
-          type: "text",
-          text: "Smart Budgeting",
-        },
-      ]}
     />
   </div>
 
@@ -155,30 +62,8 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",
-          title: "AI Material Engine",
-          descriptions: [
-            "98% accurate material calculations powered by neural networks.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440932.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "3D Web Visualizer",
-          descriptions: [
-            "Real-time 3D rendering for structural planning.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-enlarging-plan-tablet_23-2147831923.jpg",
-        },
-        {
-          id: "f3",
-          title: "Cost Intelligence",
-          descriptions: [
-            "Automated estimation including labor and local licenses.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-483.jpg",
-        },
+        { id: "f1", title: "AI Material Engine", descriptions: ["98% accurate material calculations powered by neural networks."], imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440932.jpg?_wi=1" },
+        { id: "f2", title: "3D Web Visualizer", descriptions: ["Real-time 3D rendering for structural planning."], imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-enlarging-plan-tablet_23-2147831923.jpg?_wi=1" }
       ]}
       title="The Future of Construction"
       description="Everything you need to plan, track, and build."
@@ -191,33 +76,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          title: "Accuracy Rate",
-          items: [
-            "Material estimates",
-            "Waste reduction",
-          ],
-        },
-        {
-          id: "m2",
-          value: "30%",
-          title: "Cost Savings",
-          items: [
-            "Hidden cost tracking",
-            "Supplier optimization",
-          ],
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Uptime",
-          items: [
-            "Cloud calculations",
-            "Global access",
-          ],
-        },
+        { id: "m1", value: "98%", title: "Accuracy Rate", items: ["Material estimates", "Waste reduction"] }
       ]}
       title="Precision Metrics"
       description="Calculations that matter."
@@ -230,41 +89,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Builder A",
-          role: "Pro",
-          testimonial: "Incredible accuracy.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg",
-        },
-        {
-          id: "t2",
-          name: "Builder B",
-          role: "Enterprise",
-          testimonial: "Changed my business.",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-construction-wearing-protection-gear_23-2148784062.jpg",
-        },
-        {
-          id: "t3",
-          name: "Builder C",
-          role: "Pro",
-          testimonial: "Very intuitive UI.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-helmet-crossed-arms_23-2148269265.jpg",
-        },
-        {
-          id: "t4",
-          name: "Builder D",
-          role: "Enterprise",
-          testimonial: "Fast results.",
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-posing-office_23-2148242966.jpg",
-        },
-        {
-          id: "t5",
-          name: "Builder E",
-          role: "Pro",
-          testimonial: "Amazing visualizer.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-equipment_23-2149366625.jpg",
-        },
+        { id: "t1", name: "Builder A", role: "Pro", testimonial: "Incredible accuracy.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151065019.jpg" }
       ]}
       title="User Experience"
       description="Trusted by top-tier builders."
@@ -273,60 +98,13 @@ export default function LandingPage() {
 
   <div id="pricing" data-section="pricing">
       <PricingCardNine
+      tag="Best Value"
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       plans={[
-        {
-          id: "free",
-          title: "Free",
-          price: "$0",
-          period: "/mo",
-          features: [
-            "Basic Calculator",
-            "1 Project Slot",
-          ],
-          button: {
-            text: "Start Now",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk_23-2150440972.jpg",
-          imageAlt: "High angle measuring  tools on desk",
-        },
-        {
-          id: "pro",
-          title: "Pro",
-          price: "$99",
-          period: "/mo",
-          features: [
-            "AI Engine",
-            "Unlimited Projects",
-            "Priority Support",
-          ],
-          button: {
-            text: "Get Pro",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-using-laptop-monitor-solar-panel-factory-assembly-lines-close-up_482257-117805.jpg?_wi=2",
-          imageAlt: "High angle measuring  tools on desk",
-        },
-        {
-          id: "ent",
-          title: "Enterprise",
-          price: "Custom",
-          period: "",
-          features: [
-            "Team Management",
-            "API Access",
-            "Dedicated Consultant",
-          ],
-          button: {
-            text: "Contact Us",
-            href: "#",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440932.jpg?_wi=2",
-          imageAlt: "High angle measuring  tools on desk",
-        },
+        { id: "free", title: "Free", price: "$0", period: "/mo", features: ["Basic Calculator", "1 Project Slot"], button: { text: "Start Now", href: "#" } },
+        { id: "pro", title: "Pro", price: "$99", period: "/mo", features: ["Full AI Material Engine", "Unlimited Project Slots", "Priority Support", "Cloud Storage"], button: { text: "Upgrade to Pro", href: "#" } }
       ]}
       title="Subscription Plans"
       description="Tailored for your business scale."
@@ -338,40 +116,21 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",
-          title: "How is AI accuracy measured?",
-          content: "Our neural networks compare estimates against final material costs on 10,000+ completed builds.",
-        },
-        {
-          id: "q2",
-          title: "Do you provide API access?",
-          content: "Enterprise plans include full REST and WebSocket API access for platform integrations.",
-        },
-        {
-          id: "q3",
-          title: "Can I use it without subscription?",
-          content: "The Free plan is available for personal projects with limited features.",
-        },
+        { id: "q1", title: "How is AI accuracy measured?", content: "Our neural networks compare estimates against final material costs on 10,000+ completed builds." }
       ]}
       title="FAQ"
       description="Common questions."
       faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/empty-building_1127-2049.jpg?_wi=1"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Contact"
       title="Ready to build?"
       description="Get in touch for a live demo."
-      imageSrc="http://img.b2bpic.net/free-photo/empty-building_1127-2049.jpg?_wi=2"
       mediaAnimation="slide-up"
     />
   </div>
@@ -379,32 +138,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Platform",
-          items: [
-            {
-              label: "Features",
-              href: "#features",
-            },
-            {
-              label: "Pricing",
-              href: "#pricing",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
+        { title: "Platform", items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#pricing" }] },
+        { title: "Company", items: [{ label: "About", href: "#" }, { label: "Products", href: "/products" }, { label: "Contact", href: "#contact" }] }
       ]}
       logoText="SMART BUILD"
     />

src/app/products/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="expand-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="compact"
+        sizing="mediumLargeSizeLargeTitles"
+        background="grid"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="bold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Calculator", id: "/#calculator" },
+              { name: "Visualizer", id: "/#visualizer" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "Products", id: "/products" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="SMART BUILD"
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardThree
+            title="Our Products"
+            description="Explore our professional construction suite."
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Smart Estimator Pro", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tools-still-life_23-2150440932.jpg" },
+              { id: "p2", name: "3D Modeler Suite", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/crop-hand-enlarging-plan-tablet_23-2147831923.jpg?_wi=2" }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Platform", items: [{ label: "Features", href: "/#features" }, { label: "Pricing", href: "/#pricing" }] },
+              { title: "Company", items: [{ label: "About", href: "#" }, { label: "Products", href: "/products" }, { label: "Contact", href: "/#contact" }] }
+            ]}
+            logoText="SMART BUILD"
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}