Merge version_1 into main #2
402
src/app/page.tsx
402
src/app/page.tsx
@@ -28,263 +28,167 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#why-choose-us",
|
||||
},
|
||||
]}
|
||||
brandName="Roofit"
|
||||
button={{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "About", id: "#why-choose-us" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Roofit"
|
||||
button={{ text: "Get a Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Premium Roofing. Flawless Execution."
|
||||
description="Delivering durable, leak-free, and perfectly crafted roofs across Ghana. Rated 5 Stars by 40+ Clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request a Free Estimate",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg?_wi=1"
|
||||
imageAlt="Modern premium roofing home"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Premium Roofing. Flawless Execution."
|
||||
description="Delivering durable, leak-free, and perfectly crafted roofs across Ghana. Rated 5 Stars by 40+ Clients."
|
||||
buttons={[{ text: "Request a Free Estimate", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg"
|
||||
imageAlt="Modern premium roofing home"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Installation",
|
||||
description: "Precision installation of premium roofing sheets for maximum durability.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Building2,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-roof-house-made-wooden-tiles_169016-24989.jpg",
|
||||
imageAlt: "professional roofing installation",
|
||||
},
|
||||
{
|
||||
title: "Repair & Maintenance",
|
||||
description: "Fast, permanent leak repairs performed by expert technicians.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wrench,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-lamp-hanging-inside-building-with-glass-ceiling_181624-11469.jpg?_wi=2",
|
||||
imageAlt: "professional roofing installation",
|
||||
},
|
||||
{
|
||||
title: "Supply",
|
||||
description: "High-quality, durable roofing materials sourced for longevity.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Box,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-doing-his-job-with-belt_23-2149343658.jpg",
|
||||
imageAlt: "professional roofing installation",
|
||||
},
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Precision roofing solutions for residential and commercial projects."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Installation", description: "Precision installation of premium roofing sheets for maximum durability.", bentoComponent: "reveal-icon", icon: Building2
|
||||
},
|
||||
{
|
||||
title: "Repair & Maintenance", description: "Fast, permanent leak repairs performed by expert technicians.", bentoComponent: "reveal-icon", icon: Wrench
|
||||
},
|
||||
{
|
||||
title: "Supply", description: "High-quality, durable roofing materials sourced for longevity.", bentoComponent: "reveal-icon", icon: Box
|
||||
}
|
||||
]}
|
||||
title="Core Services"
|
||||
description="Precision roofing solutions for residential and commercial projects."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Expertise"
|
||||
title="Why Choose Roofit"
|
||||
description="We blend precision engineering with premium materials."
|
||||
subdescription="Our commitment to quality ensures every project we undertake is built to last. Our team is dedicated to providing transparent service and reliable results for every homeowner in Ghana."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="why-choose-us" data-section="why-choose-us">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Expertise"
|
||||
title="Why Choose Roofit"
|
||||
description="We blend precision engineering with premium materials."
|
||||
subdescription="Our commitment to quality ensures every project we undertake is built to last. Our team is dedicated to providing transparent service and reliable results for every homeowner in Ghana."
|
||||
icon={ShieldCheck}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-shot-roofer-working-with-helmet_23-2149343709.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Accra Estate Partners",
|
||||
"Ghana Builders Association",
|
||||
"Kumasi Residential Group",
|
||||
"Tema City Development",
|
||||
"Cape Coast Housing",
|
||||
"Takoradi Urban Solutions",
|
||||
"Tamale Construction Bureau",
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Join our community of satisfied clients across Ghana."
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Accra Estate Partners", "Ghana Builders Association", "Kumasi Residential Group", "Tema City Development", "Cape Coast Housing", "Takoradi Urban Solutions", "Tamale Construction Bureau"
|
||||
]}
|
||||
title="Trusted by Homeowners"
|
||||
description="Join our community of satisfied clients across Ghana."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "De-gate Zion",
|
||||
role: "Homeowner",
|
||||
testimonial: "Beautifully done with no problem of leakage and affordable.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Richard Asare",
|
||||
role: "Business Owner",
|
||||
testimonial: "Great professionalism and the quality of their work is top-tier.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Aaron Kufoalor",
|
||||
role: "Architect",
|
||||
testimonial: "So far the BEST roofing company I have done business with.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confused-woman-showing-something-laptop_23-2148363619.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah Mensah",
|
||||
role: "Property Manager",
|
||||
testimonial: "Extremely satisfied with the speed and quality provided.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-office-guy-sits-coworking-space-looking-camera-smiling_1258-245409.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Kojo Boateng",
|
||||
role: "Homeowner",
|
||||
testimonial: "Very professional and trustworthy roofing experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123716.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our customers are saying."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1", name: "De-gate Zion", role: "Homeowner", testimonial: "Beautifully done with no problem of leakage and affordable.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"
|
||||
},
|
||||
{
|
||||
id: "t2", name: "Richard Asare", role: "Business Owner", testimonial: "Great professionalism and the quality of their work is top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg"
|
||||
},
|
||||
{
|
||||
id: "t3", name: "Aaron Kufoalor", role: "Architect", testimonial: "So far the BEST roofing company I have done business with.", imageSrc: "http://img.b2bpic.net/free-photo/confused-woman-showing-something-laptop_23-2148363619.jpg"
|
||||
},
|
||||
{
|
||||
id: "t4", name: "Sarah Mensah", role: "Property Manager", testimonial: "Extremely satisfied with the speed and quality provided.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-office-guy-sits-coworking-space-looking-camera-smiling_1258-245409.jpg"
|
||||
},
|
||||
{
|
||||
id: "t5", name: "Kojo Boateng", role: "Homeowner", testimonial: "Very professional and trustworthy roofing experts.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-millennial-couple-living-country-side-after-moving-from-city_23-2151123716.jpg"
|
||||
}
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our customers are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you provide estimates?",
|
||||
content: "Yes, we provide free estimates for all residential and commercial roofing projects.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does installation take?",
|
||||
content: "Most installations are completed within 3-5 days, depending on the property size.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer leak repairs?",
|
||||
content: "Absolutely. We specialize in fast, permanent leak repairs.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you cover all regions?",
|
||||
content: "Yes, our teams are mobilized to serve clients across all regions of Ghana.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "What materials do you use?",
|
||||
content: "We use premium, high-grade roofing sheets that meet international durability standards.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do you provide estimates?", content: "Yes, we provide free estimates for all residential and commercial roofing projects."
|
||||
},
|
||||
{
|
||||
id: "f2", title: "How long does installation take?", content: "Most installations are completed within 3-5 days, depending on the property size."
|
||||
},
|
||||
{
|
||||
id: "f3", title: "Do you offer leak repairs?", content: "Absolutely. We specialize in fast, permanent leak repairs."
|
||||
},
|
||||
{
|
||||
id: "f4", title: "Do you cover all regions?", content: "Yes, our teams are mobilized to serve clients across all regions of Ghana."
|
||||
},
|
||||
{
|
||||
id: "f5", title: "What materials do you use?", content: "We use premium, high-grade roofing sheets that meet international durability standards."
|
||||
}
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready for a beautiful roof?"
|
||||
description="Contact our experts today to schedule your assessment."
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for a beautiful roof?"
|
||||
description="Contact our experts today to schedule your assessment."
|
||||
buttonText="Send Message"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg"
|
||||
logoText="Roofit"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Installation",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Repair",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Supplies",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#why-choose-us",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Roofit Roofing Services."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-geometric-weave-abstract-wallpaper-background_1048-8671.jpg"
|
||||
logoText="Roofit"
|
||||
columns={[
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Installation", href: "#services" },
|
||||
{ label: "Repair", href: "#services" },
|
||||
{ label: "Supplies", href: "#services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#why-choose-us" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2025 Roofit Roofing Services."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user