Update src/app/page.tsx

src/app/page.tsx

@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "features"},
-          id: "features",
-        },
         {
-          name: "Calculator",
+          name: "Calculator",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="ConstructCalc"
     />
@@ -56,41 +48,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Precision Construction Planning Made Easy"
       description="Calculate material requirements, costs, and project timelines with our advanced, AI-driven construction calculator."
       buttons={[
         {
-          text: "Start Calculating",
+          text: "Start Calculating",          href: "#pricing"},
-          href: "#pricing",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-with-repair-paint-tools-top-view_23-2148393126.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-with-repair-paint-tools-top-view_23-2148393126.jpg",          imageAlt: "Construction Planning"},
-          imageAlt: "Construction Planning",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-measuring-tools-desk-still-life_23-2150440934.jpg",          imageAlt: "AI Analytics"},
-          imageAlt: "AI Analytics",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-tablet_23-2148751965.jpg",          imageAlt: "Cost Estimation"},
-          imageAlt: "Cost Estimation",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-studio-employee-working-room-floor-planner_482257-51660.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/real-estate-studio-employee-working-room-floor-planner_482257-51660.jpg",          imageAlt: "Efficiency Tools"},
-          imageAlt: "Efficiency Tools",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576416.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-steel-hammer-with-other-construction-elements-tools_23-2150576416.jpg",          imageAlt: "Material Tracking"},
-          imageAlt: "Material Tracking",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898113.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/top-view-wood-tools-desk_23-2148898113.jpg",          imageAlt: "Site Management"},
-          imageAlt: "Site Management",
-        },
       ]}
     />
   </div>
@@ -100,18 +77,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "Built for modern "},
-          content: "Built for modern ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35643.jpg",          alt: "Site Planning"},
-          src: "http://img.b2bpic.net/free-photo/engineer-helmet-standing-by-factory_1157-35643.jpg",
-          alt: "Site Planning",
-        },
         {
-          type: "text",
+          type: "text",          content: " engineers and contractors."},
-          content: " engineers and contractors.",
-        },
       ]}
     />
   </div>
@@ -124,29 +94,19 @@ export default function LandingPage() {
       features={[
         {
           icon: Zap,
-          title: "Real-time Calculation",
+          title: "Real-time Calculation",          description: "Get instant material estimates as you input dimensions."},
-          description: "Get instant material estimates as you input dimensions.",
-        },
         {
           icon: Shield,
-          title: "Precision Accuracy",
+          title: "Precision Accuracy",          description: "Reduce waste with industry-standard math algorithms."},
-          description: "Reduce waste with industry-standard math algorithms.",
-        },
         {
           icon: Gauge,
-          title: "Multi-Project Management",
+          title: "Multi-Project Management",          description: "Organize your data across multiple job sites simultaneously."},
-          description: "Organize your data across multiple job sites simultaneously.",
-        },
         {
           icon: TrendingUp,
-          title: "Cost Forecasting",
+          title: "Cost Forecasting",          description: "Predict budget trends before you break ground."},
-          description: "Predict budget trends before you break ground.",
-        },
         {
           icon: ListChecks,
-          title: "Automated Workflows",
+          title: "Automated Workflows",          description: "Sync your material requirements directly with suppliers."},
-          description: "Sync your material requirements directly with suppliers.",
-        },
       ]}
       title="Core Functionality"
       description="Powerful tools to manage your construction lifecycle from start to finish."
@@ -160,51 +120,22 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
+          id: "p1",          tag: "Essentials",          price: "Free",          period: "/per use",          description: "Basic calculator for simple wall and area projects.",          button: {
-          tag: "Essentials",
+            text: "Get Started"},
-          price: "Free",
+          featuresTitle: "Included features",          features: [
-          period: "/per use",
+            "Wall area calculator",            "Basic concrete mixer"],
-          description: "Basic calculator for simple wall and area projects.",
-          button: {
-            text: "Get Started",
-          },
-          featuresTitle: "Included features",
-          features: [
-            "Wall area calculator",
-            "Basic concrete mixer",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          tag: "Pro",          price: "$49",          period: "/month",          description: "Save time on site and manage projects easily for professional contractors.",          button: {
-          tag: "Pro",
+            text: "Upgrade"},
-          price: "$49",
+          featuresTitle: "Everything in Essentials plus:",          features: [
-          period: "/month",
+            "Full project history",            "CSV export",            "Priority support"],
-          description: "Advanced metrics and project saving for professional contractors.",
-          button: {
-            text: "Upgrade",
-          },
-          featuresTitle: "Everything in Essentials plus:",
-          features: [
-            "Full project history",
-            "CSV export",
-            "Priority support",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          tag: "Enterprise",          price: "$199",          period: "/month",          description: "Full-scale BIM integrated analytics and team management.",          button: {
-          tag: "Enterprise",
+            text: "Contact Us"},
-          price: "$199",
+          featuresTitle: "Everything in Pro plus:",          features: [
-          period: "/month",
+            "Team collaboration",            "BIM API integration",            "Custom templates"],
-          description: "Full-scale BIM integrated analytics and team management.",
-          button: {
-            text: "Contact Us",
-          },
-          featuresTitle: "Everything in Pro plus:",
-          features: [
-            "Team collaboration",
-            "BIM API integration",
-            "Custom templates",
-          ],
         },
       ]}
       title="Material Calculator"
@@ -219,26 +150,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15%",          title: "Waste Reduction",          description: "Average reduction in excess material orders.",          imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg"},
-          value: "15%",
-          title: "Waste Reduction",
-          description: "Average reduction in excess material orders.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "10k+",          title: "Calculations Done",          description: "Total projects successfully planned via platform.",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-abstract-gradient-green-layers-paper_23-2148793009.jpg"},
-          value: "10k+",
-          title: "Calculations Done",
-          description: "Total projects successfully planned via platform.",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-abstract-gradient-green-layers-paper_23-2148793009.jpg",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "4.8/5",          title: "User Satisfaction",          description: "Rating from site managers and contractors.",          imageSrc: "http://img.b2bpic.net/free-photo/arrows-pointing_23-2148488392.jpg"},
-          value: "4.8/5",
-          title: "User Satisfaction",
-          description: "Rating from site managers and contractors.",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrows-pointing_23-2148488392.jpg",
-        },
       ]}
       title="Proven Efficiency"
       description="Trusted by hundreds of sites worldwide to streamline procurement."
@@ -253,45 +169,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
+          id: "1",          name: "Sarah Johnson",          role: "CEO",          company: "TechBuild",          rating: 5,
-          name: "Sarah Johnson",
+          imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg"},
-          role: "CEO",
-          company: "TechBuild",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/architect-smiling-while-posing-office_23-2148242943.jpg",
-        },
         {
-          id: "2",
+          id: "2",          name: "Michael Chen",          role: "CTO",          company: "InnovateStruct",          rating: 5,
-          name: "Michael Chen",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg"},
-          role: "CTO",
-          company: "InnovateStruct",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-man-with-glasses-safety-helmet_23-2148269397.jpg",
-        },
         {
-          id: "3",
+          id: "3",          name: "Emily Rodriguez",          role: "PM",          company: "BuildCore",          rating: 5,
-          name: "Emily Rodriguez",
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg"},
-          role: "PM",
-          company: "BuildCore",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-architect-man-showing-thumb-up-gesture-looking-camera_23-2148203957.jpg",
-        },
         {
-          id: "4",
+          id: "4",          name: "David Kim",          role: "Manager",          company: "UrbanConstruct",          rating: 5,
-          name: "David Kim",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg"},
-          role: "Manager",
-          company: "UrbanConstruct",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-latin-man-architect-smiling-confident-standing-with-arms-crossed-gesture-street_839833-2747.jpg",
-        },
         {
-          id: "5",
+          id: "5",          name: "Alex Smith",          role: "Contractor",          company: "SmithWorks",          rating: 5,
-          name: "Alex Smith",
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg"},
-          role: "Contractor",
-          company: "SmithWorks",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg",
-        },
       ]}
       title="What Contractors Say"
       description="Voices from the field on how we changed their project management."
@@ -304,30 +195,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "How accurate are the results?",          content: "Our algorithms are checked against industry standards for waste and material density."},
-          title: "How accurate are the results?",
-          content: "Our algorithms are checked against industry standards for waste and material density.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Can I export data to Excel?",          content: "Yes, our Pro and Enterprise plans include CSV and Excel export features."},
-          title: "Can I export data to Excel?",
-          content: "Yes, our Pro and Enterprise plans include CSV and Excel export features.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is there mobile app support?",          content: "We offer full responsive support on all browsers for mobile site use."},
-          title: "Is there mobile app support?",
-          content: "We offer full responsive support on all browsers for mobile site use.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "What payment methods are accepted?",          content: "We accept major credit cards and wire transfers for enterprise clients."},
-          title: "What payment methods are accepted?",
-          content: "We accept major credit cards and wire transfers for enterprise clients.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "Can I invite team members?",          content: "Our Enterprise plan allows for unlimited team member seats."},
-          title: "Can I invite team members?",
-          content: "Our Enterprise plan allows for unlimited team member seats.",
-        },
       ]}
       title="Common Questions"
       description="Everything you need to know about our material calculator platform."
@@ -339,8 +215,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={true}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Get Started"
       title="Ready to Start?"
       description="Sign up for early access to our full-featured construction suite."
@@ -353,42 +228,27 @@ export default function LandingPage() {
       logoText="ConstructCalc"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "About",
+              label: "About",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Calculator",
+              label: "Calculator",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "Enterprise",
+              label: "Enterprise",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy",
+              label: "Privacy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms",
+              label: "Terms",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}