Merge version_1 into main #1
282
src/app/page.tsx
282
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { BarChart, Users, Star } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
@@ -31,26 +32,13 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Deco Roofing"
|
||||
/>
|
||||
@@ -58,48 +46,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
title="Stone-Coated Roofing with 50-Year Confidence"
|
||||
description="Premium roofing, waterproofing & construction across Kenya. Free site survey in Nairobi & Mombasa."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Free Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Free Quote", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "slide1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg",
|
||||
imageAlt: "Stone coated roofing luxury house",
|
||||
},
|
||||
{
|
||||
id: "slide2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg",
|
||||
imageAlt: "Professional roof installation",
|
||||
},
|
||||
{
|
||||
id: "slide3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg",
|
||||
imageAlt: "Waterproofing application",
|
||||
},
|
||||
{
|
||||
id: "slide4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg",
|
||||
imageAlt: "Finished modern roof",
|
||||
},
|
||||
{
|
||||
id: "slide5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2178.jpg",
|
||||
imageAlt: "Roofing team working",
|
||||
},
|
||||
{
|
||||
id: "slide6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg",
|
||||
imageAlt: "Luxury home exterior",
|
||||
},
|
||||
{ id: "slide1", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13092.jpg", imageAlt: "Stone coated roofing luxury house" },
|
||||
{ id: "slide2", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15702.jpg", imageAlt: "Professional roof installation" },
|
||||
{ id: "slide3", imageSrc: "http://img.b2bpic.net/free-photo/long-shot-men-working-roof_23-2149343673.jpg", imageAlt: "Waterproofing application" },
|
||||
{ id: "slide4", imageSrc: "http://img.b2bpic.net/free-photo/gothic-brick-tower-with-tall-window-dramatic-architecture-angle_169016-70801.jpg", imageAlt: "Finished modern roof" },
|
||||
{ id: "slide5", imageSrc: "http://img.b2bpic.net/free-photo/specialist-technician-professional-engineer-with-laptop-tablet-maintenance-checking-installing-solar-roof-panel-factory-rooftop-sunlight-engineers-team-survey-check-solar-panel-roof_609648-2178.jpg", imageAlt: "Roofing team working" },
|
||||
{ id: "slide6", imageSrc: "http://img.b2bpic.net/free-photo/rows-seats_1398-4403.jpg", imageAlt: "Luxury home exterior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,15 +65,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "17+ Years of Excellence in Kenyan Construction",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg",
|
||||
alt: "Our team at work",
|
||||
},
|
||||
{ type: "text", content: "17+ Years of Excellence in Kenyan Construction" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/medium-shot-roofer-working-with-protection-helmet_23-2149343637.jpg", alt: "Our team at work" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -127,21 +77,9 @@ export default function LandingPage() {
|
||||
title="Our Professional Services"
|
||||
description="Providing comprehensive construction and maintenance solutions."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Roofing",
|
||||
content: "Full range of premium stone-coated tiles and shingles.",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Waterproofing",
|
||||
content: "Advanced APP membranes and sealing for long-term protection.",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Fit-Outs & Facility Management",
|
||||
content: "Professional office and residential finishings and facility care.",
|
||||
},
|
||||
{ id: "s1", title: "Roofing", content: "Full range of premium stone-coated tiles and shingles." },
|
||||
{ id: "s2", title: "Waterproofing", content: "Advanced APP membranes and sealing for long-term protection." },
|
||||
{ id: "s3", title: "Fit-Outs & Facility Management", content: "Professional office and residential finishings and facility care." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woodworking-expert-examining-timber-block-damages-sanding-with-sandpaper_482257-89256.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -155,60 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Divine",
|
||||
name: "Stone-Coated Tiles",
|
||||
price: "KES 1,200",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rusted-galvanized-iron_53876-147689.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Eurotegola",
|
||||
name: "Shingles",
|
||||
price: "KES 950",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/idea-simple-wallpaper-your-desktop-varied-pattern-track-made-multicolored-rectangular-brick-tiles-abstract-background-from-old-brick-ceramic-cobblestone-top-view_166373-2667.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Deco",
|
||||
name: "APP Membranes",
|
||||
price: "KES 4,500",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13113.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Standard",
|
||||
name: "Steel Sheet",
|
||||
price: "KES 800",
|
||||
rating: 4,
|
||||
reviewCount: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384865.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Elite",
|
||||
name: "Fixing Kit",
|
||||
price: "KES 2,100",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15999.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Premium",
|
||||
name: "Sealant",
|
||||
price: "KES 500",
|
||||
rating: 4,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/concrete-building_1127-2031.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Divine", name: "Stone-Coated Tiles", price: "KES 1,200", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/rusted-galvanized-iron_53876-147689.jpg" },
|
||||
{ id: "p2", brand: "Eurotegola", name: "Shingles", price: "KES 950", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/idea-simple-wallpaper-your-desktop-varied-pattern-track-made-multicolored-rectangular-brick-tiles-abstract-background-from-old-brick-ceramic-cobblestone-top-view_166373-2667.jpg" },
|
||||
{ id: "p3", brand: "Deco", name: "APP Membranes", price: "KES 4,500", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13113.jpg" }
|
||||
]}
|
||||
title="Featured Premium Products"
|
||||
description="High-quality roofing supplies from world-class manufacturers."
|
||||
@@ -221,21 +108,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Years Experience",
|
||||
value: "17+",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Satisfied Clients",
|
||||
value: "500+",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Google Rating",
|
||||
value: "4.9",
|
||||
},
|
||||
{ id: "m1", icon: BarChart, title: "Years Experience", value: "17+" },
|
||||
{ id: "m2", icon: Users, title: "Satisfied Clients", value: "500+" },
|
||||
{ id: "m3", icon: Star, title: "Google Rating", value: "4.9" }
|
||||
]}
|
||||
title="Deco Roofing by the Numbers"
|
||||
description="Committed to quality service and proven expertise."
|
||||
@@ -246,15 +121,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Sharp Plaza",
|
||||
"NCA Kenya",
|
||||
"Global Tiles",
|
||||
"Eurotegola Group",
|
||||
"Construction Authority",
|
||||
"Master Roofing",
|
||||
"Building Supplies Co",
|
||||
]}
|
||||
names={["Sharp Plaza", "NCA Kenya", "Global Tiles", "Eurotegola Group", "Construction Authority", "Master Roofing", "Building Supplies Co"]}
|
||||
title="Trusted Partners & Registrations"
|
||||
description="Compliance and quality guaranteed."
|
||||
/>
|
||||
@@ -266,41 +133,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Homeowner",
|
||||
testimonial: "Excellent service and high quality tiles. Very happy!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael Chen",
|
||||
role: "Commercial Client",
|
||||
testimonial: "Professional team and great attention to detail.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Architect",
|
||||
testimonial: "My go-to roofing partner for major projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Kim",
|
||||
role: "Property Manager",
|
||||
testimonial: "Reliable maintenance service, highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-workers-high-five_23-2149366624.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane Wanjiru",
|
||||
role: "Business Owner",
|
||||
testimonial: "Prompt, efficient and very professional team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Johnson", role: "Homeowner", testimonial: "Excellent service and high quality tiles. Very happy!", imageSrc: "http://img.b2bpic.net/free-photo/amazing-laughing-redhead-young-lady-standing-cafe_171337-15271.jpg" },
|
||||
{ id: "t2", name: "Michael Chen", role: "Commercial Client", testimonial: "Professional team and great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mid-adult-businessman-using-computer-while-working-office-desk_637285-6746.jpg" },
|
||||
{ id: "t3", name: "Emily Rodriguez", role: "Architect", testimonial: "My go-to roofing partner for major projects.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" }
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our Nairobi and Mombasa clients say."
|
||||
@@ -310,18 +145,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Get in touch"
|
||||
title="Ready for your free roofing survey?"
|
||||
description="Visit us at Sharp Plaza, Mombasa Rd, Nairobi or call +254 715 946 267."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+254715946267",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Call Now", href: "tel:+254715946267" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -329,45 +157,9 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Deco Roofing Systems Ltd"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
{
|
||||
label: "NCA Registered",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Survey Booking",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
{
|
||||
label: "Sharp Plaza, Mombasa Rd, Nairobi",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+254 715 946 267",
|
||||
href: "tel:+254715946267",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "NCA Registered", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Survey Booking", href: "#" }] },
|
||||
{ title: "Location", items: [{ label: "Sharp Plaza, Mombasa Rd, Nairobi", href: "#" }, { label: "+254 715 946 267", href: "tel:+254715946267" }] }
|
||||
]}
|
||||
copyrightText="© 2025 | Deco Roofing Systems Ltd Kenya"
|
||||
/>
|
||||
@@ -375,4 +167,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user