Merge version_1 into main #4
@@ -7,7 +7,7 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -22,58 +22,58 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-us" data-section="about-us">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Tommy & The Team"
|
||||
description={[
|
||||
"Hope Roofing & Leadwork LTD is built on years of experience, honesty, and local trust.", "Based in Bournemouth, we take pride in delivering top-tier work for every homeowner.", "Our team is fully insured, highly skilled, and committed to fast, reliable service."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about-us" data-section="about-us">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Meet Tommy & The Team"
|
||||
description={[
|
||||
"Hope Roofing & Leadwork LTD is built on years of experience, honesty, and local trust.", "Based in Bournemouth, we take pride in delivering top-tier work for every homeowner.", "Our team is fully insured, highly skilled, and committed to fast, reliable service."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Process"
|
||||
description="A simple 3-step approach to getting your roof in perfect condition."
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{
|
||||
title: "Assessment", description: "We visit your property to inspect the damage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg", imageAlt: "flat roof repair residential"},
|
||||
{
|
||||
title: "Quote", description: "You receive a clear, written estimate.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-their-new-home-after-moving-together_23-2149086828.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg", imageAlt: "leadwork chimney flashing repair"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Our Process"
|
||||
description="A simple 3-step approach to getting your roof in perfect condition."
|
||||
showStepNumbers={true}
|
||||
features={[
|
||||
{
|
||||
title: "Assessment", description: "We visit your property to inspect the damage.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Quote", description: "You receive a clear, written estimate.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-their-new-home-after-moving-together_23-2149086828.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Emergency Roofers", href: "tel:07958567911" }, { label: "Bournemouth Roofing", href: "#" }, { label: "Leadwork Experts", href: "#" }] },
|
||||
]}
|
||||
logoText="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Emergency Roofers", href: "tel:07958567911" }, { label: "Bournemouth Roofing", href: "#" }, { label: "Leadwork Experts", href: "#" }] },
|
||||
]}
|
||||
logoText="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
209
src/app/page.tsx
209
src/app/page.tsx
@@ -25,117 +25,116 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Services", id: "/services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Trusted Roofing Experts in Bournemouth"
|
||||
description="Fast, reliable repairs & installations at fair prices. We offer high-quality workmanship with a local touch you can depend on."
|
||||
buttons={[
|
||||
{ text: "Call Now: 07958 567911", href: "tel:07958567911" },
|
||||
{ text: "Get Free Quote", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg"
|
||||
imageAlt="Professional roof repair in Bournemouth"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-girl-having-fun-street_259150-57532.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868279.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-phone_23-2148880344.jpg", alt: "Clare" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fully Insured" },
|
||||
{ type: "text", text: "Free Quotes" },
|
||||
{ type: "text", text: "Bournemouth Experts" },
|
||||
{ type: "text", text: "Fast Response" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Trusted Roofing Experts in Bournemouth"
|
||||
description="Fast, reliable repairs & installations at fair prices. We offer high-quality workmanship with a local touch you can depend on."
|
||||
buttons={[
|
||||
{ text: "Call Now: 07958 567911", href: "tel:07958567911" },
|
||||
{ text: "Get Free Quote", href: "/contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg"
|
||||
imageAlt="Professional roof repair in Bournemouth"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-woman-girl-having-fun-street_259150-57532.jpg", alt: "Sarah" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg", alt: "John" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868279.jpg", alt: "Emily" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg", alt: "Michael" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-phone_23-2148880344.jpg", alt: "Clare" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Fully Insured" },
|
||||
{ type: "text", text: "Free Quotes" },
|
||||
{ type: "text", text: "Bournemouth Experts" },
|
||||
{ type: "text", text: "Fast Response" },
|
||||
{ type: "text", text: "Quality Guaranteed" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Roof Repairs", author: "Fast Response", description: "Expert solutions for leaks, missing tiles, and storm damage.", tags: ["Bournemouth"], imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
{ id: "s2", title: "Flat Roofing", author: "Durable Finish", description: "High-standard flat roofing systems built to last.", tags: ["Reliable"], imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg" },
|
||||
{ id: "s3", title: "Leadwork", author: "Specialist Skills", description: "Precision lead flashing and repair for long-term protection.", tags: ["Expert"], imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-their-new-home-after-moving-together_23-2149086828.jpg" },
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
description="From emergency leaks to full roof replacements, we have the expertise to protect your home with high-quality, durable materials."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Roof Repairs", author: "Fast Response", description: "Expert solutions for leaks, missing tiles, and storm damage.", tags: ["Bournemouth"], imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
{ id: "s2", title: "Flat Roofing", author: "Durable Finish", description: "High-standard flat roofing systems built to last.", tags: ["Reliable"], imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg" },
|
||||
{ id: "s3", title: "Leadwork", author: "Specialist Skills", description: "Precision lead flashing and repair for long-term protection.", tags: ["Expert"], imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-their-new-home-after-moving-together_23-2149086828.jpg" },
|
||||
]}
|
||||
title="Professional Roofing Services"
|
||||
description="From emergency leaks to full roof replacements, we have the expertise to protect your home with high-quality, durable materials."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Bournemouth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-girl-having-fun-street_259150-57532.jpg" },
|
||||
{ id: "t2", name: "John Davies", role: "Property Manager", company: "Boscombe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg" },
|
||||
{ id: "t3", name: "Emily Watson", role: "Homeowner", company: "Poole", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868279.jpg" },
|
||||
{ id: "t4", name: "Michael Roberts", role: "Homeowner", company: "Winton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg" },
|
||||
{ id: "t5", name: "Clare Higgins", role: "Local Resident", company: "Bournemouth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-phone_23-2148880344.jpg" },
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="Don't just take our word for it. See what our customers in Bournemouth have to say about our roofing services."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Sarah Miller", role: "Homeowner", company: "Bournemouth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-girl-having-fun-street_259150-57532.jpg" },
|
||||
{ id: "t2", name: "John Davies", role: "Property Manager", company: "Boscombe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg" },
|
||||
{ id: "t3", name: "Emily Watson", role: "Homeowner", company: "Poole", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/lovely-art-composition-with-happy-female-model_23-2147868279.jpg" },
|
||||
{ id: "t4", name: "Michael Roberts", role: "Homeowner", company: "Winton", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-standing-bricks-wall-with-happy-cool-smile-face-lucky-person_839833-8060.jpg" },
|
||||
{ id: "t5", name: "Clare Higgins", role: "Local Resident", company: "Bournemouth", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-taking-photos-with-phone_23-2148880344.jpg" },
|
||||
]}
|
||||
title="Trusted by Local Homeowners"
|
||||
description="Don't just take our word for it. See what our customers in Bournemouth have to say about our roofing services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Local Trade Partners"
|
||||
description="We work with top-tier suppliers and local industry bodies to ensure the highest standards for every project."
|
||||
names={[
|
||||
"Bournemouth Building Supplies", "Roofing Industry Association", "Leadwork Specialists UK", "Local Home Repair Network", "Sustainable Roofing Alliance"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Trusted by Local Trade Partners"
|
||||
description="We work with top-tier suppliers and local industry bodies to ensure the highest standards for every project."
|
||||
names={["Bournemouth Building Supplies", "Roofing Industry Association", "Leadwork Specialists UK", "Local Home Repair Network", "Sustainable Roofing Alliance"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Expert Team"
|
||||
description="Led by Tommy, our team brings years of experience to every roof we work on in Dorset."
|
||||
groups={[
|
||||
{
|
||||
id: "management", groupTitle: "Management", members: [
|
||||
{ id: "m1", title: "Tommy", subtitle: "Lead Roofer", detail: "15+ years experience in domestic roofing and leadwork.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Meet Our Expert Team"
|
||||
description="Led by Tommy, our team brings years of experience to every roof we work on in Dorset."
|
||||
groups={[
|
||||
{
|
||||
id: "management", groupTitle: "Management", members: [
|
||||
{ id: "m1", title: "Tommy", subtitle: "Lead Roofer", detail: "15+ years experience in domestic roofing and leadwork.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-wearing-protection-helmet-outdoors_23-2149343635.jpg" },
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-working-roof_23-2149343654.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Emergency Roofers", href: "tel:07958567911" }, { label: "Bournemouth Roofing", href: "#" }, { label: "Leadwork Experts", href: "#" }] },
|
||||
]}
|
||||
logoText="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "Services", href: "/services" }, { label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
|
||||
{ items: [{ label: "Emergency Roofers", href: "tel:07958567911" }, { label: "Bournemouth Roofing", href: "#" }, { label: "Leadwork Experts", href: "#" }] },
|
||||
]}
|
||||
logoText="Hope Roofing & Leadwork LTD"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user