Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -30,127 +30,26 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "About", id: "about" },
-        },
+        { name: "FAQ", id: "faq" },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
       ]}
-      brandName="Business Name"
+      brandName="Summit Roofing"
       button={{
-        text: "Book Now",
+        text: "(321) 513-5510",        href: "tel:+13215135510"}}
-        href: "#contact",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="Premier Roofer in New Smyrna Beach, FL"
-      }}
+      description="Expert roofing solutions by Summit Roofing. Serving New Smyrna Beach with top-rated, quality workmanship you can trust. Book your consultation today."
-      title="Reliable Local Services in [City]"
+      testimonials={[]}
-      description="Expert solutions for your home and business. We provide top-rated, quality service you can trust. Book your appointment today."
+      buttons={[{ text: "Get Free Quote", href: "#contact" }]}
-      testimonials={[
-        {
-          name: "John Doe",
-          handle: "@johndoe",
-          testimonial: "Excellent service and very professional. Will definitely hire again!",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjslb6&_wi=1",
-        },
-        {
-          name: "Jane Smith",
-          handle: "@janesmith",
-          testimonial: "Fast response and great results. Highly recommend to everyone.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pras4h",
-        },
-        {
-          name: "Mike Johnson",
-          handle: "@mikej",
-          testimonial: "Very satisfied with the quality of work. Truly professional team.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvb465",
-        },
-        {
-          name: "Sarah Williams",
-          handle: "@sarahw",
-          testimonial: "Best service in the city! Exceeded all my expectations.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=imne8u",
-        },
-        {
-          name: "David Brown",
-          handle: "@davidb",
-          testimonial: "Quick, efficient, and reliable. A fantastic experience overall.",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cydqrp",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Get Free Quote",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74g8ha",
-          alt: "happy customer professional portrait smiling",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xpqhcn",
-          alt: "satisfied customer headshot business",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjslb6",
-          alt: "happy client portrait professional",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pras4h",
-          alt: "satisfied business client portrait",
-        },
-        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nvb465",
-          alt: "satisfied customer portrait professional",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Licensed & Insured",
-        },
-        {
-          type: "text",
-          text: "100% Satisfaction",
-        },
-        {
-          type: "text",
-          text: "Local Experts",
-        },
-        {
-          type: "text",
-          text: "Fast Turnaround",
-        },
-        {
-          type: "text",
-          text: "Affordable Rates",
-        },
-      ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cjslb6&_wi=2"
-      imageAlt="happy customer professional portrait smiling"
+      imageAlt="Summit Roofing professional roof repair and installation"
     />
   </div>
 
@@ -160,30 +59,12 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "Local Expertise", subtitle: "New Smyrna Beach specialists", category: "Reliability", value: "100%" },
-          id: "f1",
+        { id: "f2", title: "Fast Response", subtitle: "Quick site assessment", category: "Speed", value: "24/7" },
-          title: "Expert Team",
+        { id: "f3", title: "Quality Guaranteed", subtitle: "Workmanship warranty", category: "Value", value: "Fair" },
-          subtitle: "Certified professionals",
-          category: "Reliability",
-          value: "100%",
-        },
-        {
-          id: "f2",
-          title: "Fast Response",
-          subtitle: "Same-day service",
-          category: "Speed",
-          value: "24/7",
-        },
-        {
-          id: "f3",
-          title: "Transparent Pricing",
-          subtitle: "No hidden fees",
-          category: "Value",
-          value: "Fair",
-        },
       ]}
-      title="Why Choose Our Service?"
+      title="Why Choose Summit Roofing?"
-      description="We are dedicated to providing the highest level of service in the industry."
+      description="We are dedicated to providing the highest level of roofing expertise to the New Smyrna Beach community."
     />
   </div>
 
@@ -194,80 +75,23 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", brand: "Roofing", name: "Roof Inspection", price: "Contact", rating: 5, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74g8ha" },
-          id: "p1",
+        { id: "p2", brand: "Roofing", name: "Emergency Repair", price: "Contact", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zuezfn" },
-          brand: "Service",
+        { id: "p3", brand: "Roofing", name: "New Installation", price: "Contact", rating: 5, reviewCount: "92", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4y0ofo" },
-          name: "Standard Inspection",
-          price: "Contact",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=74g8ha",
-        },
-        {
-          id: "p2",
-          brand: "Service",
-          name: "Emergency Repair",
-          price: "Contact",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zuezfn",
-        },
-        {
-          id: "p3",
-          brand: "Service",
-          name: "Routine Maintenance",
-          price: "Contact",
-          rating: 5,
-          reviewCount: "92",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4y0ofo",
-        },
-        {
-          id: "p4",
-          brand: "Service",
-          name: "System Installation",
-          price: "Contact",
-          rating: 5,
-          reviewCount: "78",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8ohv7i",
-        },
-        {
-          id: "p5",
-          brand: "Service",
-          name: "Professional Cleaning",
-          price: "Contact",
-          rating: 5,
-          reviewCount: "65",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nhse97",
-        },
-        {
-          id: "p6",
-          brand: "Service",
-          name: "Advanced Consultation",
-          price: "Contact",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3nkcrw",
-        },
       ]}
-      title="Our Professional Services"
+      title="Our Roofing Services"
-      description="Comprehensive solutions tailored to your specific needs."
+      description="Professional roofing services for homes and businesses in New Smyrna Beach."
     />
   </div>
 
   <div id="about" data-section="about">
       <MetricSplitMediaAbout
       useInvertedBackground={false}
-      title="Experienced Local Professionals"
+      title="Summit Roofing: Serving New Smyrna Beach"
-      description="With years of dedicated service in [City], our team brings unmatched expertise and integrity to every project."
+      description="Located at 308 N Orange St, Summit Roofing has become the trusted name in roofing across New Smyrna Beach, FL. We bring integrity and skill to every roof we touch."
       metrics={[
-        {
+        { value: "15+", title: "Years Experience" },
-          value: "10+",
+        { value: "2k+", title: "Roofs Completed" },
-          title: "Years Experience",
-        },
-        {
-          value: "5k+",
-          title: "Projects Completed",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xpqhcn"
       mediaAnimation="slide-up"
@@ -280,64 +104,14 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="split-description"
       useInvertedBackground={false}
-      testimonials={[
+      testimonials={[]}
-        {
-          id: "t1",
-          name: "Sarah J.",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s1hgva",
-        },
-        {
-          id: "t2",
-          name: "Mark L.",
-          role: "Business Owner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ymy1wt",
-        },
-        {
-          id: "t3",
-          name: "Emily R.",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3w4lhr",
-        },
-        {
-          id: "t4",
-          name: "Robert K.",
-          role: "Manager",
-          company: "Client",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s0bw51",
-        },
-        {
-          id: "t5",
-          name: "Alice M.",
-          role: "Homeowner",
-          company: "Client",
-          rating: 5,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=skqrc3",
-        },
-      ]}
       kpiItems={[
-        {
+        { value: "5/5", label: "Avg Rating" },
-          value: "4.9/5",
+        { value: "2k+", label: "Satisfied Clients" },
-          label: "Avg Rating",
+        { value: "100%", label: "Insured" },
-        },
-        {
-          value: "500+",
-          label: "Happy Clients",
-        },
-        {
-          value: "100%",
-          label: "Satisfaction",
-        },
       ]}
-      title="What Our Clients Say"
+      title="Local Success Stories"
-      description="We've built a reputation for excellence based on our satisfied customers."
+      description="Hear from your neighbors in New Smyrna Beach about their experience with Summit Roofing."
     />
   </div>
 
@@ -347,30 +121,12 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "p1", title: "Free Consultation", subtitle: "Get an accurate estimate", category: "Step 1", value: "Easy" },
-          id: "p1",
+        { id: "p2", title: "Expert Execution", subtitle: "Precision roof work", category: "Step 2", value: "Pro" },
-          title: "Book Online",
+        { id: "p3", title: "Final Inspection", subtitle: "Quality assurance check", category: "Step 3", value: "Done" },
-          subtitle: "Schedule when convenient",
-          category: "Step 1",
-          value: "Quick",
-        },
-        {
-          id: "p2",
-          title: "Expert Arrival",
-          subtitle: "On-time professional",
-          category: "Step 2",
-          value: "Pro",
-        },
-        {
-          id: "p3",
-          title: "Job Done",
-          subtitle: "Results delivered fast",
-          category: "Step 3",
-          value: "Done",
-        },
       ]}
-      title="Simple 3-Step Process"
+      title="Our Roofing Process"
-      description="Getting your service request handled is easier than ever."
+      description="We make residential and commercial roofing simple and worry-free."
     />
   </div>
 
@@ -379,25 +135,13 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "What areas do you serve?", content: "We exclusively serve New Smyrna Beach, FL and the surrounding community." },
-          id: "q1",
+        { id: "q2", title: "Are you licensed and insured?", content: "Yes, Summit Roofing is fully licensed and insured for all roofing operations in Florida." },
-          title: "What areas do you serve?",
+        { id: "q3", title: "How can I schedule a quote?", content: "Call us at (321) 513-5510 or visit us at our office at 308 N Orange St." },
-          content: "We serve the entire [City] area and surrounding neighborhoods.",
-        },
-        {
-          id: "q2",
-          title: "Are your services guaranteed?",
-          content: "Yes, we stand behind all our work with a 100% satisfaction guarantee.",
-        },
-        {
-          id: "q3",
-          title: "How can I book an appointment?",
-          content: "You can book directly through our website or call us at [Phone Number].",
-        },
       ]}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0wd5a"
       title="Frequently Asked Questions"
-      description="Got questions? We have answers."
+      description="Common questions about your local roofing partner."
       faqsAnimation="slide-up"
     />
   </div>
@@ -405,62 +149,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "rotated-rays-animated" }}
-        variant: "rotated-rays-animated",
+      text="Need a reliable local roofer? Contact Summit Roofing today."
-      }}
-      text="Ready to get started? Contact us for a free quote today."
       buttons={[
-        {
+        { text: "Call (321) 513-5510", href: "tel:+13215135510" },
-          text: "Call Now",
-          href: "tel:+1000000000",
-        },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBaseReveal
-      logoText="Business Name"
+      logoText="Summit Roofing"
       columns={[
-        {
+        { title: "Summit Roofing", items: [{ label: "308 N Orange St, New Smyrna Beach, FL", href: "#" }] },
-          title: "Company",
+        { title: "Support", items: [{ label: "Call Us", href: "tel:+13215135510" }, { label: "FAQ", href: "#faq" }] },
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>