From 698b5e4424fb7b19ca62991ebd8e2b8b596b00e7 Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 7 Mar 2026 00:01:31 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 188 ++++++++++++----------------------------------- 1 file changed, 47 insertions(+), 141 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 31b2904..726b0d3 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -21,7 +21,7 @@ export default function HomePage() { borderRadius="rounded" contentWidth="compact" sizing="mediumLargeSizeMediumTitles" - background="floatingGradient" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="radial-glow" secondaryButtonStyle="glass" @@ -56,38 +56,20 @@ export default function HomePage() { { text: "Schedule Free Inspection", href: "#contact" }, ]} buttonAnimation="slide-up" - background={{ variant: "floatingGradient" }} + background={{ variant: "plain" }} carouselItems={[ { - id: "1", - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=1", - imageAlt: "Professional roofing crew working on residential roof", - }, + id: "1", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", imageAlt: "Professional roofing crew working on residential roof"}, { - id: "2", - imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=1", - imageAlt: "Storm damage roof repair", - }, + id: "2", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg", imageAlt: "Storm damage roof repair"}, { - id: "3", - imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg?_wi=1", - imageAlt: "Professional roof inspection", - }, + id: "3", imageSrc: "http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg", imageAlt: "Professional roof inspection"}, { - id: "4", - imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg?_wi=1", - imageAlt: "Before and after roof repair", - }, + id: "4", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13151.jpg", imageAlt: "Before and after roof repair"}, { - id: "5", - imageSrc: "http://img.b2bpic.net/free-photo/approved-application-credit-real-estate_23-2147764204.jpg", - imageAlt: "Insurance claim assistance", - }, + id: "5", imageSrc: "http://img.b2bpic.net/free-photo/approved-application-credit-real-estate_23-2147764204.jpg", imageAlt: "Insurance claim assistance"}, { - id: "6", - imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=2", - imageAlt: "Expert roofing team", - }, + id: "6", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg", imageAlt: "Expert roofing team"}, ]} autoPlay={true} autoPlayInterval={4000} @@ -104,7 +86,7 @@ export default function HomePage() { tagAnimation="slide-up" buttons={[{ text: "Get Free Inspection", href: "#contact" }]} buttonAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13502.jpg" imageAlt="Storm damage roof inspection" useInvertedBackground={false} /> @@ -120,25 +102,13 @@ export default function HomePage() { tagAnimation="slide-up" metrics={[ { - id: "1", - value: "4.9★", - description: "Customer Rating (67+ Reviews)", - }, + id: "1", value: "4.9★", description: "Customer Rating (67+ Reviews)"}, { - id: "2", - value: "Licensed", - description: "Fully Insured Contractors", - }, + id: "2", value: "Licensed", description: "Fully Insured Contractors"}, { - id: "3", - value: "Free", - description: "Roof Inspections", - }, + id: "3", value: "Free", description: "Roof Inspections"}, { - id: "4", - value: "Expert", - description: "Insurance Claim Assistance", - }, + id: "4", value: "Expert", description: "Insurance Claim Assistance"}, ]} gridVariant="uniform-all-items-equal" textboxLayout="default" @@ -157,41 +127,17 @@ export default function HomePage() { tagAnimation="slide-up" testimonials={[ { - id: "1", - name: "Sarah Johnson", - role: "Homeowner", - company: "Burleson, TX", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg", - imageAlt: "Sarah Johnson - satisfied customer", - }, + id: "1", name: "Sarah Johnson", role: "Homeowner", company: "Burleson, TX", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg", imageAlt: "Sarah Johnson - satisfied customer"}, { - id: "2", - name: "Michael Chen", - role: "Property Owner", - company: "Arlington, TX", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg", - imageAlt: "Michael Chen - satisfied customer", - }, + id: "2", name: "Michael Chen", role: "Property Owner", company: "Arlington, TX", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/young-woman-big-city-girl-enjoying-city-space-text_169016-66355.jpg", imageAlt: "Michael Chen - satisfied customer"}, { - id: "3", - name: "Emily Rodriguez", - role: "Homeowner", - company: "Fort Worth, TX", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", - imageAlt: "Emily Rodriguez - satisfied customer", - }, + id: "3", name: "Emily Rodriguez", role: "Homeowner", company: "Fort Worth, TX", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/carpenter-man-working-low-view_23-2148748785.jpg", imageAlt: "Emily Rodriguez - satisfied customer"}, { - id: "4", - name: "David Kim", - role: "Home Owner", - company: "Mansfield, TX", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/dreamy-senior-woman-thinking-buying-property-showing-paper-house-cutout-looking-upper-left_1258-158916.jpg", - imageAlt: "David Kim - satisfied customer", - }, + id: "4", name: "David Kim", role: "Home Owner", company: "Mansfield, TX", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/dreamy-senior-woman-thinking-buying-property-showing-paper-house-cutout-looking-upper-left_1258-158916.jpg", imageAlt: "David Kim - satisfied customer"}, ]} kpiItems={[ { value: "67+", label: "Verified Reviews" }, @@ -214,43 +160,25 @@ export default function HomePage() { tagAnimation="slide-up" faqs={[ { - id: "1", - title: "How much does a roof inspection cost?", - content: - "Roof inspections are completely FREE. We provide comprehensive assessments with no obligation. Our inspection includes damage identification, photo documentation, and a detailed report for your records or insurance company.", - }, + id: "1", title: "How much does a roof inspection cost?", content: + "Roof inspections are completely FREE. We provide comprehensive assessments with no obligation. Our inspection includes damage identification, photo documentation, and a detailed report for your records or insurance company."}, { - id: "2", - title: "Do you help with insurance claims?", - content: - "Yes! We specialize in insurance claim assistance. Our staff includes a former licensed insurance adjuster who helps maximize your claim approval. We handle documentation, communication with insurers, and ensure you get the coverage you deserve.", - }, + id: "2", title: "Do you help with insurance claims?", content: + "Yes! We specialize in insurance claim assistance. Our staff includes a former licensed insurance adjuster who helps maximize your claim approval. We handle documentation, communication with insurers, and ensure you get the coverage you deserve."}, { - id: "3", - title: "How quickly can you repair my roof?", - content: - "We offer emergency 24/7 services for storm damage. Most repairs can be completed within 1-3 days. For full replacements, we typically schedule within one week. Time depends on weather, materials, and complexity.", - }, + id: "3", title: "How quickly can you repair my roof?", content: + "We offer emergency 24/7 services for storm damage. Most repairs can be completed within 1-3 days. For full replacements, we typically schedule within one week. Time depends on weather, materials, and complexity."}, { - id: "4", - title: "Do you offer warranties?", - content: - "Absolutely. We provide workmanship warranties on all repairs and replacements, plus we work with manufacturer warranties on premium materials. We stand behind our work 100%.", - }, + id: "4", title: "Do you offer warranties?", content: + "Absolutely. We provide workmanship warranties on all repairs and replacements, plus we work with manufacturer warranties on premium materials. We stand behind our work 100%."}, { - id: "5", - title: "Are you licensed and insured?", - content: - "Yes, we are fully licensed and insured contractors. All crew members are licensed roofers. We carry comprehensive liability insurance and workers' compensation for your protection.", - }, + id: "5", title: "Are you licensed and insured?", content: + "Yes, we are fully licensed and insured contractors. All crew members are licensed roofers. We carry comprehensive liability insurance and workers' compensation for your protection."}, { - id: "6", - title: "What areas do you serve?", - content: - "We serve the greater Dallas-Fort Worth area including Burleson, Fort Worth, Arlington, Mansfield, Crowley, and surrounding communities. Call us to verify service availability for your address.", - }, + id: "6", title: "What areas do you serve?", content: + "We serve the greater Dallas-Fort Worth area including Burleson, Fort Worth, Arlington, Mansfield, Crowley, and surrounding communities. Call us to verify service availability for your address."}, ]} - imageSrc="http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/worker-with-level-building-roof-house_23-2148748855.jpg" imageAlt="Professional roofing FAQ" mediaAnimation="slide-up" mediaPosition="left" @@ -269,39 +197,25 @@ export default function HomePage() { inputs={[ { name: "name", type: "text", placeholder: "Your Name", required: true }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - required: true, + name: "phone", type: "tel", placeholder: "Phone Number", required: true, }, { - name: "email", - type: "email", - placeholder: "Email Address", - required: true, + name: "email", type: "email", placeholder: "Email Address", required: true, }, { - name: "address", - type: "text", - placeholder: "Your Address", - required: true, + name: "address", type: "text", placeholder: "Your Address", required: true, }, { - name: "roofIssue", - type: "text", - placeholder: - "What's the issue? (Leak, Storm Damage, Missing Shingles, Replacement, Insurance Claim)", - required: false, + name: "roofIssue", type: "text", placeholder: + "What's the issue? (Leak, Storm Damage, Missing Shingles, Replacement, Insurance Claim)", required: false, }, ]} textarea={{ - name: "message", - placeholder: "Tell us more about your roofing concern (optional)", - rows: 4, + name: "message", placeholder: "Tell us more about your roofing concern (optional)", rows: 4, required: false, }} useInvertedBackground={true} - imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg?_wi=3" + imageSrc="http://img.b2bpic.net/free-photo/long-shot-men-working-together_23-2149343675.jpg" imageAlt="Professional roofing team" mediaAnimation="slide-up" mediaPosition="right" @@ -317,8 +231,7 @@ export default function HomePage() {