Update src/app/page.tsx

src/app/page.tsx

@@ -31,48 +31,22 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",
+        { name: "Services", id: "features" },
-          id: "about",
+        { name: "Testimonials", id: "testimonials" },
-        },
+        { name: "Contact", id: "contact" },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Elite Roofing"
-      button={{
+      button={{ text: "Get Quote", href: "#contact" }}
-        text: "Get Quote",
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="Protect Your Home with Expert Roofing"
       description="Professional roofing services that stand the test of time. High-quality repairs, replacements, and maintenance for your sanctuary."
-      buttons={[
+      buttons={[{ text: "Get a Free Quote", href: "#contact" }, { text: "See Our Work", href: "#results" }]}
-        {
-          text: "Get a Free Quote",
-          href: "#contact",
-        },
-        {
-          text: "See Our Work",
-          href: "#results",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg"
       imageAlt="Professional residential roof replacement"
     />
@@ -83,9 +57,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Decades of Roofing Excellence"
       description={[
-        "At Elite Roofing, we have been serving our community with integrity and precision for over 20 years. Our licensed experts ensure every project exceeds industry standards.",
+        "At Elite Roofing, we have been serving our community with integrity and precision for over 20 years. Our licensed experts ensure every project exceeds industry standards.",        "From minor leaks to full roof replacements, we treat your home like our own. Trust us for reliable solutions, clear communication, and high-quality materials that last."]}
-        "From minor leaks to full roof replacements, we treat your home like our own. Trust us for reliable solutions, clear communication, and high-quality materials that last.",
-      ]}
     />
   </div>
 
@@ -96,29 +68,14 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Roof Installation",          descriptions: ["Expert installation of premium shingle, metal, and tile roofs."],
-          title: "Roof Installation",
+          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg"},
-          descriptions: [
-            "Expert installation of premium shingle, metal, and tile roofs.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Emergency Repairs",          descriptions: ["24/7 rapid response to stop leaks and prevent further damage."],
-          title: "Emergency Repairs",
+          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg"},
-          descriptions: [
-            "24/7 rapid response to stop leaks and prevent further damage.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/faucet-water-tap-droplet-icon-sign_53876-128089.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Energy Upgrades",          descriptions: ["Eco-friendly roofing options to improve home efficiency and savings."],
-          title: "Energy Upgrades",
+          imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-ladder-leaning-against-house_1156-157.jpg"},
-          descriptions: [
-            "Eco-friendly roofing options to improve home efficiency and savings.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/rag-doll-with-ladder-leaning-against-house_1156-157.jpg",
-        },
       ]}
       title="Complete Roofing Solutions"
       description="Comprehensive services to cover all your roofing needs with professional care."
@@ -129,44 +86,15 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="default"
       gridVariant="asymmetric-60-wide-40-narrow"
+      animationType="slide-up"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Asphalt Shingle Roof", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg" },
-          id: "p1",
+        { id: "p2", name: "Metal Roofing System", price: "Completed 2024", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg" },
-          name: "Asphalt Shingle Roof",
+        { id: "p3", name: "Tile Replacement", price: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg" },
-          price: "Completed 2024",
+        { id: "p4", name: "Cedar Shake Upgrade", price: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg",
+        { id: "p5", name: "Commercial Membrane", price: "Completed 2023", imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg" },
-        },
+        { id: "p6", name: "Modern Residential", price: "Completed 2022", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg" },
-        {
-          id: "p2",
-          name: "Metal Roofing System",
-          price: "Completed 2024",
-          imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13174.jpg",
-        },
-        {
-          id: "p3",
-          name: "Tile Replacement",
-          price: "Completed 2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg",
-        },
-        {
-          id: "p4",
-          name: "Cedar Shake Upgrade",
-          price: "Completed 2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/roof-tile_1136-323.jpg",
-        },
-        {
-          id: "p5",
-          name: "Commercial Membrane",
-          price: "Completed 2023",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-standing-rooftops-high-silos-storage-tanks-working-tablet-computer_342744-441.jpg",
-        },
-        {
-          id: "p6",
-          name: "Modern Residential",
-          price: "Completed 2022",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
-        },
       ]}
       title="Our Recent Roofing Projects"
       description="Check out our latest work across residential and commercial properties."
@@ -179,46 +107,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Johnson", handle: "Homeowner", testimonial: "Elite Roofing fixed my leak within hours. Professional, clean, and fair pricing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-leisure_273609-44316.jpg" },
-          id: "1",
+        { id: "2", name: "Michael Chen", handle: "Property Manager", testimonial: "They did a great job on our commercial building. Very reliable and detailed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
-          name: "Sarah Johnson",
+        { id: "3", name: "Emily Davis", handle: "Homeowner", testimonial: "My new roof looks amazing and the team left the yard spotless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153718.jpg" },
-          handle: "Homeowner",
+        { id: "4", name: "David Wilson", handle: "Homeowner", testimonial: "Highly recommended for their quality and transparency. Great communication.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg" },
-          testimonial: "Elite Roofing fixed my leak within hours. Professional, clean, and fair pricing.",
+        { id: "5", name: "Linda Martinez", handle: "Homeowner", testimonial: "Fantastic experience from start to finish. Our roof is finally leak-free!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-by-construction-stairs-wearing-hardhat-showing-middle-finger-doing-fuck-you-bad-expression-provocation-rude-attitude-screaming-excited_839833-29272.jpg" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-leisure_273609-44316.jpg",
-        },
-        {
-          id: "2",
-          name: "Michael Chen",
-          handle: "Property Manager",
-          testimonial: "They did a great job on our commercial building. Very reliable and detailed.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily Davis",
-          handle: "Homeowner",
-          testimonial: "My new roof looks amazing and the team left the yard spotless.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153718.jpg",
-        },
-        {
-          id: "4",
-          name: "David Wilson",
-          handle: "Homeowner",
-          testimonial: "Highly recommended for their quality and transparency. Great communication.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-blonde-girl-tulle-skirt-having-fun-stairs-she-is-smiling-down_197531-617.jpg",
-        },
-        {
-          id: "5",
-          name: "Linda Martinez",
-          handle: "Homeowner",
-          testimonial: "Fantastic experience from start to finish. Our roof is finally leak-free!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-by-construction-stairs-wearing-hardhat-showing-middle-finger-doing-fuck-you-bad-expression-provocation-rude-attitude-screaming-excited_839833-29272.jpg",
-        },
       ]}
       showRating={true}
       title="Voices of Satisfied Customers"
@@ -231,21 +124,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "How long does a new roof take?", content: "Most residential roof replacements are completed in 1-2 days." },
-          id: "q1",
+        { id: "q2", title: "Do you offer financing?", content: "Yes, we have flexible financing options for all roofing projects." },
-          title: "How long does a new roof take?",
+        { id: "q3", title: "Is your work guaranteed?", content: "Absolutely. We offer an industry-leading warranty on labor and materials." },
-          content: "Most residential roof replacements are completed in 1-2 days.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer financing?",
-          content: "Yes, we have flexible financing options for all roofing projects.",
-        },
-        {
-          id: "q3",
-          title: "Is your work guaranteed?",
-          content: "Absolutely. We offer an industry-leading warranty on labor and materials.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions about our roofing process? We've got answers."
@@ -258,14 +139,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Roofing Certification Board",
+        "Roofing Certification Board",        "Home Builders Guild",        "Manufacturer Partner",        "Energy Efficiency Certified",        "Contractor Alliance",        "Better Business Bureau",        "Professional Union Badge"]}
-        "Home Builders Guild",
-        "Manufacturer Partner",
-        "Energy Efficiency Certified",
-        "Contractor Alliance",
-        "Better Business Bureau",
-        "Professional Union Badge",
-      ]}
       title="Trusted by Industry Leaders"
       description="We are proud to work with the highest standards in the industry."
     />
@@ -274,9 +148,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Let's Get Started"
       title="Ready to Secure Your Home?"
       description="Get a free, no-obligation inspection and estimate from our expert team today."
@@ -289,30 +161,10 @@ export default function LandingPage() {
       logoText="Elite Roofing"
       columns={[
         {
-          title: "Company",
+          title: "Company",          items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#features" }],
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }],
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
         },
       ]}
     />
@@ -320,4 +172,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}