Update src/app/page.tsx
This commit is contained in:
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,90 +32,58 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="UK Roofing Co"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Expert Roofing Services across the UK"
|
||||
description="Providing top-tier roofing solutions, from emergency repairs to complete installations. Trusted by thousands of homeowners nationwide."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/tile-roof-house-home-textures_74190-9990.jpg"
|
||||
imageAlt="Professional roofing expert on a roof"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg",
|
||||
alt: "Happy customer testimonial",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-african-woman-glass-smiling-talking-phone_176420-12471.jpg", alt: "Happy customer testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-black-female-showing-okay-sign_1301-1620.jpg",
|
||||
alt: "Satisfied client portrait",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-black-female-showing-okay-sign_1301-1620.jpg", alt: "Satisfied client portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg",
|
||||
alt: "Happy homeowner smiling",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-portrait-beautiful-young-woman-posing-with-expressions_1301-6723.jpg", alt: "Happy homeowner smiling"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg",
|
||||
alt: "Customer giving thumbs up",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-wearing-casual-blue-shirt-success-sign-doing-positive-gesture-with-hand-thumbs-up-smiling-happy-cheerful-expression-winner-gesture_839833-2022.jpg", alt: "Customer giving thumbs up"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg",
|
||||
alt: "Smiling project client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg", alt: "Smiling project client"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ satisfied homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "NFRC Certified",
|
||||
},
|
||||
type: "text", text: "NFRC Certified"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competent Roofer Scheme",
|
||||
},
|
||||
type: "text", text: "Competent Roofer Scheme"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Constructionline Gold",
|
||||
},
|
||||
type: "text", text: "Constructionline Gold"},
|
||||
{
|
||||
type: "text",
|
||||
text: "ISO 9001 Accredited",
|
||||
},
|
||||
type: "text", text: "ISO 9001 Accredited"},
|
||||
{
|
||||
type: "text",
|
||||
text: "SafeContractor Approved",
|
||||
},
|
||||
type: "text", text: "SafeContractor Approved"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,26 +104,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "New Roofs",
|
||||
title: "New Roof Installations",
|
||||
subtitle: "Durable & Aesthetic",
|
||||
description: "High-quality installation using premium materials.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg",
|
||||
},
|
||||
tag: "New Roofs", title: "New Roof Installations", subtitle: "Durable & Aesthetic", description: "High-quality installation using premium materials.", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530697.jpg"},
|
||||
{
|
||||
tag: "Emergency",
|
||||
title: "24/7 Emergency Repairs",
|
||||
subtitle: "Fast Response",
|
||||
description: "Fast resolution for leaks and damage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg",
|
||||
},
|
||||
tag: "Emergency", title: "24/7 Emergency Repairs", subtitle: "Fast Response", description: "Fast resolution for leaks and damage.", imageSrc: "http://img.b2bpic.net/free-photo/man-walking-roof_1321-1041.jpg"},
|
||||
{
|
||||
tag: "Maintenance",
|
||||
title: "Commercial Roofing",
|
||||
subtitle: "Reliable Care",
|
||||
description: "Specialized maintenance for business premises.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg",
|
||||
},
|
||||
tag: "Maintenance", title: "Commercial Roofing", subtitle: "Reliable Care", description: "Specialized maintenance for business premises.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-protection-helmet-full-shot_23-2149343641.jpg"},
|
||||
]}
|
||||
title="Our Specialized Roofing Services"
|
||||
description="Professional solutions for every roofing need."
|
||||
@@ -169,26 +122,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10,000+",
|
||||
title: "Roofs Repaired",
|
||||
description: "Completed projects",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/texture-old-roof-tiles_1232-2984.jpg",
|
||||
},
|
||||
id: "1", value: "10,000+", title: "Roofs Repaired", description: "Completed projects", imageSrc: "http://img.b2bpic.net/free-photo/texture-old-roof-tiles_1232-2984.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "20",
|
||||
title: "Years Experience",
|
||||
description: "Since we started",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg",
|
||||
},
|
||||
id: "2", value: "20", title: "Years Experience", description: "Since we started", imageSrc: "http://img.b2bpic.net/free-photo/construction-people-working-roof_23-2149343666.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "98%",
|
||||
title: "Happy Clients",
|
||||
description: "Satisfaction rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-guys-sitting-together_23-2149241595.jpg",
|
||||
},
|
||||
id: "3", value: "98%", title: "Happy Clients", description: "Satisfaction rate", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-guys-sitting-together_23-2149241595.jpg"},
|
||||
]}
|
||||
title="Trusted by Numbers"
|
||||
description="Our track record speaks for itself."
|
||||
@@ -200,12 +138,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"NFRC Certified",
|
||||
"Competent Roofer",
|
||||
"Constructionline Gold",
|
||||
"ISO 9001",
|
||||
"TrustMark",
|
||||
]}
|
||||
"NFRC Certified", "Competent Roofer", "Constructionline Gold", "ISO 9001", "TrustMark"]}
|
||||
title="Accredited & Certified"
|
||||
description="We meet the highest industry standards."
|
||||
/>
|
||||
@@ -218,45 +151,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Excellent service and professional installation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-happy-emotion_23-2148860245.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Excellent service and professional installation.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-happy-emotion_23-2148860245.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Very quick to repair our roof leak.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-cheerful-man-buying-property-celebrating-saying-yes-showin_1258-144784.jpg",
|
||||
},
|
||||
id: "2", name: "David K.", handle: "@davidk", testimonial: "Very quick to repair our roof leak.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-insurance-concept-cheerful-man-buying-property-celebrating-saying-yes-showin_1258-144784.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily M.",
|
||||
handle: "@emilym",
|
||||
testimonial: "Highly recommended for their attention to detail.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
|
||||
},
|
||||
id: "3", name: "Emily M.", handle: "@emilym", testimonial: "Highly recommended for their attention to detail.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael B.",
|
||||
handle: "@mikesroof",
|
||||
testimonial: "Fantastic communication throughout the project.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg",
|
||||
},
|
||||
id: "4", name: "Michael B.", handle: "@mikesroof", testimonial: "Fantastic communication throughout the project.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405354.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Linda H.",
|
||||
handle: "@lindah",
|
||||
testimonial: "Fair pricing and top-notch materials.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg",
|
||||
},
|
||||
id: "5", name: "Linda H.", handle: "@lindah", testimonial: "Fair pricing and top-notch materials.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-spending-time-together-experiencing-time-expansion_23-2151338280.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -270,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do you provide free quotes?",
|
||||
content: "Yes, we offer free, no-obligation quotes for all projects.",
|
||||
},
|
||||
id: "1", title: "Do you provide free quotes?", content: "Yes, we offer free, no-obligation quotes for all projects."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Are your roofers certified?",
|
||||
content: "All our team members are fully trained and accredited.",
|
||||
},
|
||||
id: "2", title: "Are your roofers certified?", content: "All our team members are fully trained and accredited."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you cover the whole UK?",
|
||||
content: "Yes, we have teams stationed across major regions.",
|
||||
},
|
||||
id: "3", title: "Do you cover the whole UK?", content: "Yes, we have teams stationed across major regions."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know."
|
||||
@@ -295,8 +194,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
tag="Contact"
|
||||
title="Start Your Roofing Project"
|
||||
description="Contact us today for a free consultation."
|
||||
@@ -307,33 +205,21 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Services", href: "#features"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user