bender/42eb6ef6-2879-4560-bf4e-200e1ed010ad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-16 21:30:24 +00:00
parent 47826fd88e
commit a9ea6c1bfe
1 changed files with 47 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files

302
src/app/page.tsx
View File

@@ -31,96 +31,44 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Process",
id: "process",
},
name: "Process", id: "process"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Amigo Roofing"
button={{
text: "Call Now",
href: "tel:+15555555555",
}}
text: "Call Now", href: "tel:+15555555555"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "canvas-reveal",
}}
variant: "canvas-reveal"}}
title="Protect What Matters Most."
description="Reliable roofing built to withstand anything. Fast response when you need us."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders-urban-concept_58466-11958.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-glad-dark-skinned-woman-busy-with-house-redecoration-moves-new-apartment-holds-paint-roller-has-rest-after-painting-walls-wears-yellow-sweater-overalls-stands-design-sketch_273609-42203.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/stormy-sky_1385-2275.jpg",
alt: "Customer",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-attractive-young-man-walking-street-with-backpack-his-shoulders-urban-concept_58466-11958.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-construction-worker_329181-3733.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-glad-dark-skinned-woman-busy-with-house-redecoration-moves-new-apartment-holds-paint-roller-has-rest-after-painting-walls-wears-yellow-sweater-overalls-stands-design-sketch_273609-42203.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/happy-female-builder_1398-3486.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/stormy-sky_1385-2275.jpg", alt: "Customer" },
]}
avatarText="Trusted by 500+ homeowners"
buttons={[
{
text: "Free Inspection",
href: "#contact",
},
{
text: "Call Now",
href: "tel:+15555555555",
},
{ text: "Free Inspection", href: "#contact" },
{ text: "Call Now", href: "tel:+15555555555" },
]}
marqueeItems={[
{
type: "text-icon",
text: "Storm Proof",
icon: Cloud,
},
{
type: "text-icon",
text: "Licensed & Insured",
icon: ShieldCheck,
},
{
type: "text-icon",
text: "Fast Turnaround",
icon: Clock,
},
{
type: "text-icon",
text: "Quality Warranty",
icon: Award,
},
{
type: "text-icon",
text: "Trusted Local",
icon: MapPin,
},
{ type: "text-icon", text: "Storm Proof", icon: Cloud },
{ type: "text-icon", text: "Licensed & Insured", icon: ShieldCheck },
{ type: "text-icon", text: "Fast Turnaround", icon: Clock },
{ type: "text-icon", text: "Quality Warranty", icon: Award },
{ type: "text-icon", text: "Trusted Local", icon: MapPin },
]}
/>
</div>
@@ -129,15 +77,8 @@ export default function LandingPage() {
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Roofing You Can Rely On",
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg",
alt: "Reliable Roofing",
},
{ type: "text", content: "Roofing You Can Rely On" },
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-with-helmet-sitting-roof-full-shot_23-2149343712.jpg", alt: "Reliable Roofing" },
]}
/>
</div>
@@ -147,42 +88,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
title: "Roof Repairs",
description: "Quick fixes for leaks and damage.",
imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg",
imageAlt: "Repairs",
},
{
title: "Roof Replacement",
description: "High-quality replacements built for strength.",
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg",
imageAlt: "Replacement",
},
{
title: "Leak Detection",
description: "Find and stop leaks before they grow.",
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg",
imageAlt: "Leak detection",
},
{
title: "Storm Damage Repair",
description: "Emergency services for stormy seasons.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg",
imageAlt: "Storm damage",
},
{
title: "Roof Inspections",
description: "Detailed checkups for total peace of mind.",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg",
imageAlt: "Inspections",
},
{
title: "Maintenance",
description: "Keep your roof strong year after year.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg",
imageAlt: "Maintenance",
},
{ title: "Roof Repairs", description: "Quick fixes for leaks and damage.", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-hard-hat-hammer-building-house_23-2148748857.jpg", imageAlt: "Repairs" },
{ title: "Roof Replacement", description: "High-quality replacements built for strength.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1040.jpg", imageAlt: "Replacement" },
{ title: "Leak Detection", description: "Find and stop leaks before they grow.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-medium-shot_23-2149343644.jpg", imageAlt: "Leak detection" },
{ title: "Storm Damage Repair", description: "Emergency services for stormy seasons.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-roofers-working-with-helmets_23-2149343708.jpg", imageAlt: "Storm damage" },
{ title: "Roof Inspections", description: "Detailed checkups for total peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-low-angle-closeup-shot-black-roof-building_181624-10654.jpg", imageAlt: "Inspections" },
{ title: "Maintenance", description: "Keep your roof strong year after year.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-looking-into-solid-fuel-boiler-working-with-biofuels-economical-heating-top-view_169016-14804.jpg", imageAlt: "Maintenance" },
]}
title="Professional Roofing Services"
description="We specialize in protecting your home with durable materials and expert craftsmanship."
@@ -195,30 +106,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "b1",
value: "Old",
title: "Before",
description: "Damaged, unsafe roof system.",
imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166535.jpg",
imageAlt: "Before",
},
{
id: "b2",
value: "New",
title: "After",
description: "Durable, weatherproof protection.",
imageSrc: "http://img.b2bpic.net/free-photo/red-tiles-roof-background_1373-196.jpg",
imageAlt: "After",
},
{
id: "b3",
value: "Done",
title: "Finished",
description: "Your home is secure again.",
imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg",
imageAlt: "Result",
},
{ id: "b1", value: "Old", title: "Before", description: "Damaged, unsafe roof system.", imageSrc: "http://img.b2bpic.net/free-photo/view-old-abandoned-house-nature_23-2150166535.jpg", imageAlt: "Before" },
{ id: "b2", value: "New", title: "After", description: "Durable, weatherproof protection.", imageSrc: "http://img.b2bpic.net/free-photo/red-tiles-roof-background_1373-196.jpg", imageAlt: "After" },
{ id: "b3", value: "Done", title: "Finished", description: "Your home is secure again.", imageSrc: "http://img.b2bpic.net/free-photo/romantic-couple-flirting-roof_1153-733.jpg", imageAlt: "Result" },
]}
title="The Amigo Transformation"
description="See the difference in protection and quality."
@@ -230,24 +120,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Fast Response",
description: "We show up when you need us most.",
imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg",
imageAlt: "Fast",
},
{
title: "Strong Work",
description: "Durable roofs that survive storms.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg",
imageAlt: "Durable",
},
{
title: "Honest Approach",
description: "Professional and transparent service.",
imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg",
imageAlt: "Honest",
},
{ title: "Fast Response", description: "We show up when you need us most.", imageSrc: "http://img.b2bpic.net/free-photo/low-view-man-working-roof-with-drill_23-2148748773.jpg", imageAlt: "Fast" },
{ title: "Strong Work", description: "Durable roofs that survive storms.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-25417.jpg", imageAlt: "Durable" },
{ title: "Honest Approach", description: "Professional and transparent service.", imageSrc: "http://img.b2bpic.net/free-photo/metal-door_23-2148006003.jpg", imageAlt: "Honest" },
]}
title="Why Homeowners Choose Us"
description="We don't just fix roofs. We protect homes."
@@ -261,46 +136,11 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah",
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg",
},
{
id: "2",
name: "Mike",
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg",
},
{
id: "3",
name: "Emily",
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg",
},
{
id: "4",
name: "David",
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg",
},
{
id: "5",
name: "Lisa",
role: "Homeowner",
company: "Local Resident",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg",
},
{ id: "1", name: "Sarah", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/workers-having-little-chat-while-having-cup-coffee_329181-15605.jpg" },
{ id: "2", name: "Mike", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-workman-white-wall_23-2147772246.jpg" },
{ id: "3", name: "Emily", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-together_23-2149343665.jpg" },
{ id: "4", name: "David", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/collaboration-two-carpenters-building_329181-15617.jpg" },
{ id: "5", name: "Lisa", role: "Homeowner", company: "Local Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg" },
]}
title="What Our Clients Say"
description="Real stories from homeowners we have protected."
@@ -312,30 +152,10 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "1. Inspect",
description: "Thorough assessment of damage.",
imageSrc: "http://img.b2bpic.net/free-photo/businessman-white-helmet-near-solar-battery_1157-35698.jpg",
imageAlt: "Inspect",
},
{
title: "2. Diagnose",
description: "Identifying the root cause.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
imageAlt: "Diagnose",
},
{
title: "3. Repair",
description: "High-quality, fast work.",
imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg",
imageAlt: "Repair",
},
{
title: "4. Protect",
description: "Ensuring long-term security.",
imageSrc: "http://img.b2bpic.net/free-photo/house-snow-with-aurora-borealis_23-2148720695.jpg",
imageAlt: "Protect",
},
{ title: "1. Inspect", description: "Thorough assessment of damage.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-white-helmet-near-solar-battery_1157-35698.jpg", imageAlt: "Inspect" },
{ title: "2. Diagnose", description: "Identifying the root cause.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg", imageAlt: "Diagnose" },
{ title: "3. Repair", description: "High-quality, fast work.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-male-musician-roof-top-holding-electric-guitar_23-2148680355.jpg", imageAlt: "Repair" },
{ title: "4. Protect", description: "Ensuring long-term security.", imageSrc: "http://img.b2bpic.net/free-photo/house-snow-with-aurora-borealis_23-2148720695.jpg", imageAlt: "Protect" },
]}
title="Simple & Reliable Process"
description="Our proven 4-step system ensures your roof lasts for decades."
@@ -344,10 +164,9 @@ export default function LandingPage() {
<div id="emergency" data-section="emergency">
<ContactSplit
tag="Emergency"
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Roof Leak? Storm Damage?"
description="Fast emergency repair service to protect your property."
imageSrc="http://img.b2bpic.net/free-photo/sporty-man-resting-listening-music_23-2148375923.jpg"
@@ -358,10 +177,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact"
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Don't Wait Until It Gets Worse."
description="Get your roof inspected today."
imageSrc="http://img.b2bpic.net/free-photo/low-angle-closeup-shot-black-fire-escape-stairs_181624-3131.jpg"
@@ -373,34 +191,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Services",
href: "#services",
},
{
label: "Process",
href: "#process",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
{ items: [{ label: "Services", href: "#services" }, { label: "Process", href: "#process" }, { label: "Contact", href: "#contact" }] },
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Amigo Roofing"
/>