Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bb2f4097ea | |||
| 0cc7ff2314 |
394
src/app/page.tsx
394
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: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="Business Name"
|
||||
brandName="Summit Roofing"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "(321) 513-5510", href: "tel:+13215135510"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Reliable Local Services in [City]"
|
||||
description="Expert solutions for your home and business. We provide top-rated, quality service you can trust. Book your appointment today."
|
||||
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",
|
||||
},
|
||||
]}
|
||||
background={{ 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."
|
||||
testimonials={[]}
|
||||
buttons={[{ text: "Get Free Quote", href: "#contact" }]}
|
||||
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: "Expert Team",
|
||||
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",
|
||||
},
|
||||
{ id: "f1", title: "Local Expertise", subtitle: "New Smyrna Beach specialists", category: "Reliability", value: "100%" },
|
||||
{ id: "f2", title: "Fast Response", subtitle: "Quick site assessment", category: "Speed", value: "24/7" },
|
||||
{ id: "f3", title: "Quality Guaranteed", subtitle: "Workmanship warranty", category: "Value", value: "Fair" },
|
||||
]}
|
||||
title="Why Choose Our Service?"
|
||||
description="We are dedicated to providing the highest level of service in the industry."
|
||||
title="Why Choose Summit Roofing?"
|
||||
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: "Service",
|
||||
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",
|
||||
},
|
||||
{ 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: "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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="Comprehensive solutions tailored to your specific needs."
|
||||
title="Our Roofing Services"
|
||||
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"
|
||||
description="With years of dedicated service in [City], our team brings unmatched expertise and integrity to every project."
|
||||
title="Summit Roofing: Serving New Smyrna Beach"
|
||||
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: "10+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{ value: "15+", title: "Years Experience" },
|
||||
{ value: "2k+", title: "Roofs 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={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{ value: "5/5", label: "Avg Rating" },
|
||||
{ value: "2k+", label: "Satisfied Clients" },
|
||||
{ value: "100%", label: "Insured" },
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="We've built a reputation for excellence based on our satisfied customers."
|
||||
title="Local Success Stories"
|
||||
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: "Book Online",
|
||||
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",
|
||||
},
|
||||
{ id: "p1", title: "Free Consultation", subtitle: "Get an accurate estimate", category: "Step 1", value: "Easy" },
|
||||
{ id: "p2", title: "Expert Execution", subtitle: "Precision roof work", category: "Step 2", value: "Pro" },
|
||||
{ id: "p3", title: "Final Inspection", subtitle: "Quality assurance check", category: "Step 3", value: "Done" },
|
||||
]}
|
||||
title="Simple 3-Step Process"
|
||||
description="Getting your service request handled is easier than ever."
|
||||
title="Our Roofing Process"
|
||||
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 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].",
|
||||
},
|
||||
{ id: "q1", title: "What areas do you serve?", content: "We exclusively serve New Smyrna Beach, FL and the surrounding community." },
|
||||
{ id: "q2", title: "Are you licensed and insured?", content: "Yes, Summit Roofing is fully licensed and insured for all roofing operations in Florida." },
|
||||
{ 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." },
|
||||
]}
|
||||
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,66 +149,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
text="Ready to get started? Contact us for a free quote today."
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
text="Need a reliable local roofer? Contact Summit Roofing today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1000000000",
|
||||
},
|
||||
{ text: "Call (321) 513-5510", href: "tel:+13215135510" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Business Name"
|
||||
logoText="Summit Roofing"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
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: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Summit Roofing", items: [{ label: "308 N Orange St, New Smyrna Beach, FL", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Call Us", href: "tel:+13215135510" }, { label: "FAQ", href: "#faq" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user