Merge version_1 into main #1
272
src/app/page.tsx
272
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Trust",
|
||||
id: "trust",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Trust", id: "trust" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Safeseal Roofing Ltd"
|
||||
/>
|
||||
@@ -59,43 +44,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Roofing Done Right — First Time."
|
||||
description="Trusted by 80+ homeowners. 5-star rated. No shortcuts. No surprises. We fix what others couldn't."
|
||||
tag="Expert Roofing Services"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Inspection",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0123456789",
|
||||
},
|
||||
{ text: "Get Free Inspection", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:0123456789" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg",
|
||||
imageAlt: "Luxurious home roofing",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg",
|
||||
imageAlt: "Professional roof inspection",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-wearing-helmets_23-2149343655.jpg",
|
||||
imageAlt: "Team in helmets",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343677.jpg",
|
||||
imageAlt: "Man working on roof",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-roof_23-2149343653.jpg",
|
||||
imageAlt: "Professional technician",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-protection-helmet_23-2149343636.jpg", imageAlt: "Luxurious home roofing" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof_23-2149343671.jpg", imageAlt: "Professional roof inspection" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -110,21 +69,9 @@ export default function LandingPage() {
|
||||
title="Proven Quality Metrics"
|
||||
tag="Why We Lead"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "80+",
|
||||
description: "Happy Homeowners",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
description: "Average Rating",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Work Guaranteed",
|
||||
},
|
||||
{ id: "m1", value: "80+", description: "Happy Homeowners" },
|
||||
{ id: "m2", value: "5.0", description: "Average Rating" },
|
||||
{ id: "m3", value: "100%", description: "Work Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -134,22 +81,8 @@ export default function LandingPage() {
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Hidden costs and add-ons",
|
||||
"Lack of clear communication",
|
||||
"Untidy workspace",
|
||||
"Work that doesn't last",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Transparent photo-based quotes",
|
||||
"Constant project communication",
|
||||
"Spotless job site maintenance",
|
||||
"Guaranteed quality and durability",
|
||||
],
|
||||
}}
|
||||
negativeCard={{ items: ["Hidden costs and add-ons", "Lack of clear communication", "Untidy workspace", "Work that doesn't last"] }}
|
||||
positiveCard={{ items: ["Transparent photo-based quotes", "Constant project communication", "Spotless job site maintenance", "Guaranteed quality and durability"] }}
|
||||
title="The Safeseal Difference"
|
||||
description="Professional standards vs traditional frustrations."
|
||||
/>
|
||||
@@ -162,42 +95,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Roof Repairs",
|
||||
price: "From £99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Full Replacement",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Flat Roofing",
|
||||
price: "From £499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Fascias & Soffits",
|
||||
price: "Custom Quote",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-white-helmet-near-solar-panel_1157-29993.jpg",
|
||||
},
|
||||
{
|
||||
id: "s5",
|
||||
name: "Chimney Leadwork",
|
||||
price: "From £199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-together-roof_23-2149343674.jpg",
|
||||
},
|
||||
{
|
||||
id: "s6",
|
||||
name: "Inspections",
|
||||
price: "Free",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Roof Repairs", price: "From £99", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-roof_23-2149343660.jpg" },
|
||||
{ id: "s2", name: "Full Replacement", price: "Custom Quote", imageSrc: "http://img.b2bpic.net/free-photo/man-working-roof-with-hammer-full-shot_23-2149343668.jpg" },
|
||||
{ id: "s3", name: "Flat Roofing", price: "From £499", imageSrc: "http://img.b2bpic.net/free-photo/exterior-home_74190-4300.jpg" },
|
||||
]}
|
||||
title="Expert Roofing Services"
|
||||
description="Premium solutions for every roofing need."
|
||||
@@ -209,21 +109,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Built on Trust, Not Sales Tactics"
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Transparency",
|
||||
value: "Photo Proofs",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
label: "Security",
|
||||
value: "Fully Insured",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Reliability",
|
||||
value: "On-Time Finish",
|
||||
},
|
||||
{ icon: CheckCircle, label: "Transparency", value: "Photo Proofs" },
|
||||
{ icon: Shield, label: "Security", value: "Fully Insured" },
|
||||
{ icon: Award, label: "Reliability", value: "On-Time Finish" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -233,46 +121,8 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Fixed what others messed up",
|
||||
quote: "After being let down by others, Safeseal finally fixed everything properly.",
|
||||
name: "Sarah J.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Totally professional",
|
||||
quote: "Arrived on time, worked hard, and left everything spotless.",
|
||||
name: "Michael C.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Honest advice",
|
||||
quote: "Didn't push for a full roof when it wasn't needed. Very refreshing.",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40329.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Great transparency",
|
||||
quote: "Photos provided before and after — total transparency throughout.",
|
||||
name: "David K.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-standing-front-camper-van_23-2148653441.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Under budget",
|
||||
quote: "Fast, honest, and actually came in under the initial budget.",
|
||||
name: "James L.",
|
||||
role: "Homeowner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064840.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Fixed what others messed up", quote: "After being let down by others, Safeseal finally fixed everything properly.", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-149935.jpg" },
|
||||
{ id: "t2", title: "Totally professional", quote: "Arrived on time, worked hard, and left everything spotless.", name: "Michael C.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-outdoors-white-shirt-looking-camera_197531-33797.jpg" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="Real results from homeowners who chose Safeseal."
|
||||
@@ -284,28 +134,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer free inspections?",
|
||||
content: "Yes, we provide free, no-obligation roof inspections and quotes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are you fully insured?",
|
||||
content: "Absolutely, our team is fully insured and all work is guaranteed.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long do repairs take?",
|
||||
content: "Most repairs are completed within 1-2 days, depending on the scope of work.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you clean up after work?",
|
||||
content: "We take pride in leaving every job site spotless once finished.",
|
||||
},
|
||||
{ id: "f1", title: "Do you offer free inspections?", content: "Yes, we provide free, no-obligation roof inspections and quotes." },
|
||||
{ id: "f2", title: "Are you fully insured?", content: "Absolutely, our team is fully insured and all work is guaranteed." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -313,9 +146,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get Free Inspection"
|
||||
title="Ready to Fix Your Roof — Properly?"
|
||||
description="Don't wait for a small leak to become expensive damage. Contact us for honest advice today."
|
||||
@@ -328,53 +159,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Roof Repairs",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Replacements",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Guttering",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Roof Repairs", href: "#services" }, { label: "Replacements", href: "#services" }] },
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Reviews", href: "#testimonials" }] },
|
||||
]}
|
||||
logoText="Safeseal Roofing"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user