Update src/app/page.tsx
This commit is contained in:
299
src/app/page.tsx
299
src/app/page.tsx
@@ -34,25 +34,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "products",
|
||||
},
|
||||
name: "Portfolio", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dream Roof"
|
||||
/>
|
||||
@@ -61,62 +51,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Crafting Your Dream Roof, One Shingle at a Time."
|
||||
description="Professional roofing construction, maintenance, and repair services to keep your sanctuary safe, secure, and beautiful for years to come."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Free Estimate", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg"
|
||||
imageAlt="residential roof construction home"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg",
|
||||
alt: "Modern country houses under construction",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-17.jpg", alt: "Modern country houses under construction"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg",
|
||||
alt: "Full shot roofers working together with helmets",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-together-with-helmets_23-2149343707.jpg", alt: "Full shot roofers working together with helmets"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg",
|
||||
alt: "Long shot men working on roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", alt: "Long shot men working on roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
alt: "Long shot men working together on roof",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg", alt: "Long shot men working together on roof"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530692.jpg",
|
||||
alt: "Construction worker using hammer at job site",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530692.jpg", alt: "Construction worker using hammer at job site"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Licensed & Insured",
|
||||
},
|
||||
type: "text", text: "Licensed & Insured"},
|
||||
{
|
||||
type: "text",
|
||||
text: "25+ Years Experience",
|
||||
},
|
||||
type: "text", text: "25+ Years Experience"},
|
||||
{
|
||||
type: "text",
|
||||
text: "1,200+ Projects Completed",
|
||||
},
|
||||
type: "text", text: "1,200+ Projects Completed"},
|
||||
{
|
||||
type: "text",
|
||||
text: "10-Year Craftsmanship Guarantee",
|
||||
},
|
||||
type: "text", text: "10-Year Craftsmanship Guarantee"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Emergency Repairs",
|
||||
},
|
||||
type: "text", text: "Emergency Repairs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -126,18 +93,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Built with Integrity,",
|
||||
},
|
||||
type: "text", content: "Built with Integrity,"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/architecture-concept-with-equipment-plans_23-2147813118.jpg",
|
||||
alt: "construction planning blueprints",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/architecture-concept-with-equipment-plans_23-2147813118.jpg", alt: "construction planning blueprints"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Expertly Delivered.",
|
||||
},
|
||||
type: "text", content: "Expertly Delivered."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -149,49 +109,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Durability",
|
||||
description: "High-grade weather-resistant shingles for ultimate lifespan.",
|
||||
icon: Shield,
|
||||
title: "Premium Durability", description: "High-grade weather-resistant shingles for ultimate lifespan.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/uralita-tiles_1203-142.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/uralita-tiles_1203-142.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-tiles-roof-background_1373-13.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-country-houses-construction_1385-20.jpg?_wi=2",
|
||||
imageAlt: "roofing material texture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-tiles-roof-background_1373-13.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Precision Installation",
|
||||
description: "Experienced technicians ensuring exact structural integrity.",
|
||||
icon: Zap,
|
||||
title: "Precision Installation", description: "Experienced technicians ensuring exact structural integrity.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-plasma-equipment-steel-factory_176420-4748.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/worker-holding-plasma-equipment-steel-factory_176420-4748.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architecture-concept-with-equipment-plans_23-2147813118.jpg",
|
||||
imageAlt: "roofing material texture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/builder-building-roof-house_23-2148748845.jpg"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Complete Warranty",
|
||||
description: "10-year craftsmanship guarantee on every roof project.",
|
||||
icon: Award,
|
||||
title: "Complete Warranty", description: "10-year craftsmanship guarantee on every roof project.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-beautiful-roof-wooden-house_23-2149343706.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080244.jpg?_wi=1",
|
||||
imageAlt: "roofing material texture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Why Dream Roof?"
|
||||
@@ -206,23 +148,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Projects Completed",
|
||||
value: "1,200+",
|
||||
},
|
||||
id: "m1", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "1,200+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Star,
|
||||
title: "Happy Clients",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m2", icon: Star,
|
||||
title: "Happy Clients", value: "99%"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: ShieldCheck,
|
||||
title: "Years Experience",
|
||||
value: "25+",
|
||||
},
|
||||
id: "m3", icon: ShieldCheck,
|
||||
title: "Years Experience", value: "25+"},
|
||||
]}
|
||||
title="Building Standards"
|
||||
description="Numbers reflecting our commitment to local excellence."
|
||||
@@ -237,59 +170,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Standard",
|
||||
name: "Asphalt Basics",
|
||||
price: "$12/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080244.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Standard", name: "Asphalt Basics", price: "$12/sqft", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080244.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxury",
|
||||
name: "Premium Slate",
|
||||
price: "$35/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg",
|
||||
},
|
||||
id: "p2", brand: "Luxury", name: "Premium Slate", price: "$35/sqft", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-modern-building-modern-architecture_181624-21692.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Pro",
|
||||
name: "Metal Steel",
|
||||
price: "$28/sqft",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
|
||||
},
|
||||
id: "p3", brand: "Pro", name: "Metal Steel", price: "$28/sqft", rating: 4,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Classic",
|
||||
name: "Terracotta Tiles",
|
||||
price: "$22/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-pink-grey-house_181624-6246.jpg",
|
||||
},
|
||||
id: "p4", brand: "Classic", name: "Terracotta Tiles", price: "$22/sqft", rating: 5,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-pink-grey-house_181624-6246.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Green",
|
||||
name: "Solar Shingles",
|
||||
price: "$45/sqft",
|
||||
rating: 5,
|
||||
reviewCount: "40",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-brick-building-skyline_23-2148252768.jpg",
|
||||
},
|
||||
id: "p5", brand: "Green", name: "Solar Shingles", price: "$45/sqft", rating: 5,
|
||||
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/modern-brick-building-skyline_23-2148252768.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Modern",
|
||||
name: "Flat Systems",
|
||||
price: "$18/sqft",
|
||||
rating: 4,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg",
|
||||
},
|
||||
id: "p6", brand: "Modern", name: "Flat Systems", price: "$18/sqft", rating: 4,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/empty-pool-with-chairs-near-cliff-sea_181624-3442.jpg"},
|
||||
]}
|
||||
title="Roofing Solutions"
|
||||
description="Tailored options to fit your architectural style and budget needs."
|
||||
@@ -303,45 +200,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Exceptional work on my home! Highly professional crew.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Exceptional work on my home! Highly professional crew.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Wilson",
|
||||
handle: "@markw",
|
||||
testimonial: "Very communicative during the process. Roof looks incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
|
||||
},
|
||||
id: "2", name: "Mark Wilson", handle: "@markw", testimonial: "Very communicative during the process. Roof looks incredible.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
handle: "@emilyc",
|
||||
testimonial: "Fast turnaround and great price. Very satisfied.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-relaxing-sofa-with-coffee-new-apartment_496169-659.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", handle: "@emilyc", testimonial: "Fast turnaround and great price. Very satisfied.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-relaxing-sofa-with-coffee-new-apartment_496169-659.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Miller",
|
||||
handle: "@robertm",
|
||||
testimonial: "Quality installation. Everything was clean and on time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg",
|
||||
},
|
||||
id: "4", name: "Robert Miller", handle: "@robertm", testimonial: "Quality installation. Everything was clean and on time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda Davis",
|
||||
handle: "@lindad",
|
||||
testimonial: "Professional service throughout. Best local choice.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg",
|
||||
},
|
||||
id: "5", name: "Linda Davis", handle: "@lindad", testimonial: "Professional service throughout. Best local choice.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-handshaking-couple-congratulate-them-their-new-house_23-2148895484.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -354,14 +226,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Architectural Pro",
|
||||
"Urban Develops",
|
||||
"Construction Group",
|
||||
"Eco Building",
|
||||
"Luxury Housing",
|
||||
"Home Essentials",
|
||||
"Premium Solutions",
|
||||
]}
|
||||
"Architectural Pro", "Urban Develops", "Construction Group", "Eco Building", "Luxury Housing", "Home Essentials", "Premium Solutions"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with leading architectural firms."
|
||||
/>
|
||||
@@ -373,20 +238,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long does a typical roof install take?",
|
||||
content: "Average projects take 2-3 days depending on size.",
|
||||
},
|
||||
id: "q1", title: "How long does a typical roof install take?", content: "Average projects take 2-3 days depending on size."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you offer emergency repairs?",
|
||||
content: "Yes, we provide 24/7 emergency response services.",
|
||||
},
|
||||
id: "q2", title: "Do you offer emergency repairs?", content: "Yes, we provide 24/7 emergency response services."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are you licensed and insured?",
|
||||
content: "Yes, we are fully licensed and bonded for residential projects.",
|
||||
},
|
||||
id: "q3", title: "Are you licensed and insured?", content: "Yes, we are fully licensed and bonded for residential projects."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -400,8 +256,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Ready to get started?"
|
||||
title="Request a Free Inspection"
|
||||
description="Our experts are ready to assess your roofing needs with a professional site visit."
|
||||
@@ -415,29 +270,19 @@ export default function LandingPage() {
|
||||
logoText="Dream Roof"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#",
|
||||
},
|
||||
label: "Installation", href: "#"},
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#",
|
||||
},
|
||||
label: "Repair", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user