Update src/app/page.tsx
This commit is contained in:
221
src/app/page.tsx
221
src/app/page.tsx
@@ -30,127 +30,78 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="USA Roofing & Exteriors"
|
||||
button={{
|
||||
text: "Get Free Quote", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elite Roofing & Exterior Solutions for Your Home"
|
||||
description="We deliver superior craftsmanship for roofing, siding, and exterior renovations. Protect your most valuable investment with our expert team."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg",
|
||||
imageAlt: "modern home roofing exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "modern home roofing exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
imageAlt: "aerial view roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", imageAlt: "aerial view roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
|
||||
imageAlt: "modern home roofing exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "modern home roofing exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg",
|
||||
imageAlt: "aerial view roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-helmet_23-2149343651.jpg", imageAlt: "aerial view roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-delivering-package_23-2148964015.jpg",
|
||||
imageAlt: "modern home roofing exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-man-delivering-package_23-2148964015.jpg", imageAlt: "modern home roofing exterior"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg",
|
||||
imageAlt: "aerial view roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", imageAlt: "aerial view roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
imageAlt: "modern home roofing exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg", imageAlt: "modern home roofing exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg",
|
||||
imageAlt: "aerial view roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-modern-house_23-2149343652.jpg", imageAlt: "aerial view roof installation"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg",
|
||||
imageAlt: "modern home roofing exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17798.jpg", imageAlt: "modern home roofing exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg",
|
||||
imageAlt: "aerial view roof installation",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/skateboard-rink-view_23-2148937901.jpg", imageAlt: "aerial view roof installation"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Free Quote", href: "#contact"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg",
|
||||
alt: "Wide shot of the beautiful architecture of a modern house",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wide-shot-beautiful-architecture-modern-house_181624-3464.jpg", alt: "Wide shot of the beautiful architecture of a modern house"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg",
|
||||
alt: "Low angle modern house roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-modern-house-roof_23-2149343645.jpg", alt: "Low angle modern house roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
|
||||
alt: "Long shot roofer working with helmet",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg", alt: "Long shot roofer working with helmet"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg",
|
||||
alt: "Full shot man with helmet working on roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-with-helmet-working-roof_23-2149343661.jpg", alt: "Full shot man with helmet working on roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg",
|
||||
alt: "Man working on roof front view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-working-roof-front-view_23-2148748780.jpg", alt: "Man working on roof front view"},
|
||||
]}
|
||||
avatarText="Trusted by 2000+ local homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Materials",
|
||||
},
|
||||
type: "text", text: "Premium Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Lifetime Warranty",
|
||||
},
|
||||
type: "text", text: "Lifetime Warranty"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Craftsmanship",
|
||||
},
|
||||
type: "text", text: "Expert Craftsmanship"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Solutions",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Solutions"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -161,23 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Roof Installation",
|
||||
description: "High-grade materials installed with precision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg",
|
||||
imageAlt: "roof shingles close up",
|
||||
},
|
||||
title: "Roof Installation", description: "High-grade materials installed with precision.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-roof-with-drill_23-2148748775.jpg", imageAlt: "roof shingles close up"},
|
||||
{
|
||||
title: "Exterior Siding",
|
||||
description: "Durable siding solutions to protect your home.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg",
|
||||
imageAlt: "roof shingles close up",
|
||||
},
|
||||
title: "Exterior Siding", description: "Durable siding solutions to protect your home.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-selective-focus-shot-wooden-fence_181624-56303.jpg", imageAlt: "roof shingles close up"},
|
||||
{
|
||||
title: "Repair & Maintenance",
|
||||
description: "Comprehensive inspections and routine repair work.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg",
|
||||
imageAlt: "roof shingles close up",
|
||||
},
|
||||
title: "Repair & Maintenance", description: "Comprehensive inspections and routine repair work.", imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-abstract-background_1048-17367.jpg", imageAlt: "roof shingles close up"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in comprehensive exterior home care."
|
||||
@@ -191,20 +130,11 @@ export default function LandingPage() {
|
||||
tag="Excellence"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "Years of Experience",
|
||||
},
|
||||
id: "m1", value: "15+", description: "Years of Experience"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2000+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
id: "m2", value: "2000+", description: "Projects Completed"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "100%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -216,40 +146,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and roof looks amazing!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and roof looks amazing!", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-smartphone-sitting-open-terrace_259150-59317.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael R.",
|
||||
handle: "@miker",
|
||||
testimonial: "Professional team and great communication.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-classroom-reading-book_23-2147656185.jpg",
|
||||
},
|
||||
id: "t2", name: "Michael R.", handle: "@miker", testimonial: "Professional team and great communication.", imageSrc: "http://img.b2bpic.net/free-photo/people-classroom-reading-book_23-2147656185.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily D.",
|
||||
handle: "@emilyd",
|
||||
testimonial: "Very happy with our new siding and roof.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg",
|
||||
},
|
||||
id: "t3", name: "Emily D.", handle: "@emilyd", testimonial: "Very happy with our new siding and roof.", imageSrc: "http://img.b2bpic.net/free-photo/houses-with-yacht-old-port-nesebar-bulgaria_627829-7533.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davidw",
|
||||
testimonial: "Highly recommended for all exterior needs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-equipment_23-2148921399.jpg",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davidw", testimonial: "Highly recommended for all exterior needs.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-equipment_23-2148921399.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane L.",
|
||||
handle: "@janel",
|
||||
testimonial: "Best in the business. Very professional.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg",
|
||||
},
|
||||
id: "t5", name: "Jane L.", handle: "@janel", testimonial: "Best in the business. Very professional.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-modern-white-building-facade_181624-29733.jpg"},
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Read what our customers think of our work."
|
||||
@@ -262,20 +167,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a roof last?",
|
||||
content: "Most high-quality roofs last 25-50 years.",
|
||||
},
|
||||
id: "f1", title: "How long does a roof last?", content: "Most high-quality roofs last 25-50 years."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we offer free professional inspections.",
|
||||
},
|
||||
id: "f2", title: "Do you provide estimates?", content: "Yes, we offer free professional inspections."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is your work insured?",
|
||||
content: "Absolutely, we are fully licensed and insured.",
|
||||
},
|
||||
id: "f3", title: "Is your work insured?", content: "Absolutely, we are fully licensed and insured."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/roof-pattern_74190-4523.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -288,8 +184,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get Started"
|
||||
title="Ready to Start Your Project?"
|
||||
description="Get in touch for a free estimate today."
|
||||
@@ -302,37 +197,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Roofing",
|
||||
href: "#",
|
||||
},
|
||||
label: "Roofing", href: "#"},
|
||||
{
|
||||
label: "Siding",
|
||||
href: "#",
|
||||
},
|
||||
label: "Siding", href: "#"},
|
||||
{
|
||||
label: "Exterior Repair",
|
||||
href: "#",
|
||||
},
|
||||
label: "Exterior Repair", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user