Merge version_1 into main #4
243
src/app/page.tsx
243
src/app/page.tsx
@@ -26,149 +26,118 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Stone Roofing Uganda"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Stone Roofing Uganda"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Premium Stone Roofing & Construction You Can Trust"
|
||||
description="Honest advice. Skilled craftsmanship. Long-lasting results for your home or project in Uganda."
|
||||
tag="Construction Excellence"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote", href: "/contact"},
|
||||
{
|
||||
text: "View Our Work", href: "/#projects"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-surface-cargo-warehouse-old-industrial-zone_1339-2603.jpg", imageAlt: "Luxury stone roofing exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Finished stone roofing installation"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by hundreds of Ugandan homeowners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Premium Stone Roofing & Construction You Can Trust"
|
||||
description="Honest advice. Skilled craftsmanship. Long-lasting results for your home or project in Uganda."
|
||||
tag="Construction Excellence"
|
||||
buttons={[
|
||||
{ text: "Get Free Quote", href: "/contact" },
|
||||
{ text: "View Our Work", href: "/#projects" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/window-surface-cargo-warehouse-old-industrial-zone_1339-2603.jpg", imageAlt: "Luxury stone roofing exterior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-house-architecture-navy-roof-wooden-soffit-blue-sky_626616-509.jpg", imageAlt: "Finished stone roofing installation" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Trusted by hundreds of Ugandan homeowners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Stone Roofing", description: "Durable, weather-resistant roofing solutions.", bentoComponent: "reveal-icon", icon: Home,
|
||||
},
|
||||
{
|
||||
title: "General Construction", description: "Residential & commercial building services.", bentoComponent: "reveal-icon", icon: Building2,
|
||||
},
|
||||
{
|
||||
title: "Renovations & Repairs", description: "Upgrade or restore your property efficiently.", bentoComponent: "reveal-icon", icon: Wrench,
|
||||
},
|
||||
{
|
||||
title: "Project Consultation", description: "Honest guidance before you spend money.", bentoComponent: "reveal-icon", icon: Lightbulb,
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive construction and roofing services tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Stone Roofing", description: "Durable, weather-resistant roofing solutions.", bentoComponent: "reveal-icon", icon: Home },
|
||||
{ title: "General Construction", description: "Residential & commercial building services.", bentoComponent: "reveal-icon", icon: Building2 },
|
||||
{ title: "Renovations & Repairs", description: "Upgrade or restore your property efficiently.", bentoComponent: "reveal-icon", icon: Wrench },
|
||||
{ title: "Project Consultation", description: "Honest guidance before you spend money.", bentoComponent: "reveal-icon", icon: Lightbulb },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Comprehensive construction and roofing services tailored to your needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Nantege Kigozi", testimonial: "Honest in their advice before embarking on your project… not just after your money.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-african-man-standing-balcony-leaning-railing-holding-cup-coffee_23-2148124310.jpg"},
|
||||
{
|
||||
id: "2", name: "Miracle Restoration", testimonial: "Excellent and creative services in construction and stone-roofing techniques.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg"},
|
||||
{
|
||||
id: "3", name: "Nyesiga Neybert", testimonial: "Professionalism at its peak.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-male-buyer-showing-thumb-up-paper-house-model-smiling-satisfied_1258-161154.jpg"},
|
||||
{
|
||||
id: "4", name: "Katongole Derrick", testimonial: "Good services provided.", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg"},
|
||||
{
|
||||
id: "5", name: "John Doe", testimonial: "Transformed my home with their expert roofing skills.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Our work speaks through the voices of those we serve."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Nantege Kigozi", handle: "Homeowner", testimonial: "Honest in their advice before embarking on your project… not just after your money.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-african-man-standing-balcony-leaning-railing-holding-cup-coffee_23-2148124310.jpg" },
|
||||
{ id: "2", name: "Miracle Restoration", handle: "Restoration Pro", testimonial: "Excellent and creative services in construction and stone-roofing techniques.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-looking-camera-his-office_23-2148242891.jpg" },
|
||||
{ id: "3", name: "Nyesiga Neybert", handle: "Client", testimonial: "Professionalism at its peak.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-male-buyer-showing-thumb-up-paper-house-model-smiling-satisfied_1258-161154.jpg" },
|
||||
{ id: "4", name: "Katongole Derrick", handle: "Client", testimonial: "Good services provided.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg" },
|
||||
{ id: "5", name: "John Doe", handle: "Client", testimonial: "Transformed my home with their expert roofing skills.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/proper-collaboration-two-carpenter-workers_329181-15626.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
description="Our work speaks through the voices of those we serve."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Stone Roofing Uganda?"
|
||||
description={[
|
||||
"Honest Advice Before You Pay", "Experienced & Skilled Team", "Durable, High-Quality Materials", "Transparent Process", "Customer-Focused Approach"]}
|
||||
/>
|
||||
</div>
|
||||
<div id="why-us" data-section="why-us">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose Stone Roofing Uganda?"
|
||||
description={[
|
||||
"Honest Advice Before You Pay", "Experienced & Skilled Team", "Durable, High-Quality Materials", "Transparent Process", "Customer-Focused Approach"
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Testimonials"
|
||||
description="Hear from our satisfied customers."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Client A", testimonial: "Great work!", rating: 5 },
|
||||
{ id: "t2", name: "Client B", testimonial: "Very satisfied.", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Testimonials"
|
||||
description="Hear from our satisfied customers."
|
||||
testimonials={[
|
||||
{ id: "t1", title: "Excellent", quote: "Great work!", name: "Client A", role: "Homeowner", rating: 5 },
|
||||
{ id: "t2", title: "Highly recommend", quote: "Very satisfied.", name: "Client B", role: "Homeowner", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Stone Roofing", href: "/#services"},
|
||||
{
|
||||
label: "Construction", href: "/#services"},
|
||||
{
|
||||
label: "Renovations", href: "/#services"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Stone Roofing Uganda"
|
||||
copyrightText="© 2025 Stone Roofing Uganda & Construction Services"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Stone Roofing", href: "/#services" },
|
||||
{ label: "Construction", href: "/#services" },
|
||||
{ label: "Renovations", href: "/#services" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Stone Roofing Uganda"
|
||||
copyrightText="© 2025 Stone Roofing Uganda & Construction Services"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user