Merge version_4 into main #8
144
src/app/page.tsx
144
src/app/page.tsx
@@ -12,19 +12,19 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Mail, MapPin, FileText, Building2, Headphones } from "lucide-react";
|
||||
import { Mail, MapPin, FileText, Building2, Headphones, Hammer, Ruler, Leaf, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="largeSmall"
|
||||
background="grid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="radial-glow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
@@ -33,54 +33,45 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "process" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Process", id: "process" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="REXE Roofing"
|
||||
brandName="Makuti"
|
||||
button={{ text: "Get Quote", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "animated-grid" }}
|
||||
title="Crown Your World"
|
||||
description="Architectural excellence in roofing. 10+ years of experience, 500+ successful projects, delivering unmatched quality for your property."
|
||||
tag="Luxury Roofing Solutions"
|
||||
buttons={[{ text: "Enquire Now", href: "#contact" }]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="The Art of Makuti Thatching"
|
||||
description="From our base in Juja to the heart of the Masai Mara at Talek Gate, we bring authentic, durable, and breathtaking roofing to every landscape across Kenya."
|
||||
tag="Organic Kenyan Roofing"
|
||||
buttons={[{ text: "Explore Nationwide Delivery", href: "#contact" }]
|
||||
}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/thai-style-gold-decoration-concept_53876-23418.jpg", imageAlt: "Luxury Roofing Hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern-background_74190-4514.jpg", imageAlt: "Luxury Roofing Hero" }
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/thatch-roof-lodge-masai-mara_53876-12345.jpg", imageAlt: "Makuti Thatch Hero" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/floating-thatch-strands-abstract_74190-98765.jpg", imageAlt: "Animated Thatch" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
mediaAnimation="opacity"
|
||||
rating={5}
|
||||
ratingText="5 Star Rated by clients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="marquee" data-section="marquee">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Stone Coated Tiles", "Polycarbonate", "Steel Structures", "Waterproofing", "Site Surveys", "Accessories", "Custom Design"]}
|
||||
title="Our Premium Product Range"
|
||||
description="Unmatched durability and style for every project."
|
||||
ratingText="Trusted by luxury lodges nationwide"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Excellence by Design"
|
||||
description="REXE Roofing has transformed our properties with unprecedented architectural precision and quality. — Kariuki, Verified Review"
|
||||
useInvertedBackground={true}
|
||||
title="Our Heritage & Craft"
|
||||
description="'We build structures that breathe. Every strand of our Makuti is hand-selected to reflect the warmth of the Kenyan earth, ensuring that every lodge we touch becomes a part of the landscape, not an intrusion upon it.'"
|
||||
metrics={[
|
||||
{ value: "10+", title: "Years" },
|
||||
{ value: "500+", title: "Projects" },
|
||||
{ value: "5", title: "Rating" },
|
||||
{ value: "6", title: "Services" },
|
||||
{ value: "4", title: "Materials" },
|
||||
{ value: "Nationwide", title: "Delivery" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-pretty-business-woman-with-arms-crossed_1262-2992.jpg"
|
||||
imageAlt="CEO Irene and the REXE Team"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/talek-gate-lodge-fitout_1262-9988.jpg"
|
||||
imageAlt="Makuti project at Talek Gate, Masai Mara"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -93,15 +84,13 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Luxury", name: "Stone Coated Tiles", price: "Premium", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/metallic-iron-textured-abstract-backdrop_23-2148139853.jpg" },
|
||||
{ id: "p2", brand: "Luxury", name: "Polycarbonate", price: "Durable", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/natural-sandstone-wall-background-texture-wallpaper-wall-masonry-facade-house-building-design-interior-space_166373-2549.jpg" },
|
||||
{ id: "p3", brand: "Luxury", name: "Steel Structures", price: "Robust", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/roof-pattern_1203-2594.jpg" },
|
||||
{ id: "p4", brand: "Luxury", name: "Waterproofing", price: "Essential", rating: 5, reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15608.jpg" },
|
||||
{ id: "p5", brand: "Luxury", name: "Accessories", price: "Detailed", rating: 5, reviewCount: "90+", imageSrc: "http://img.b2bpic.net/free-photo/front-view-construction-roof-daylight_23-2148748815.jpg" },
|
||||
{ id: "p6", brand: "Luxury", name: "Site Surveys", price: "Expert", rating: 5, reviewCount: "300+", imageSrc: "http://img.b2bpic.net/free-photo/background-textured-square-brick-stones_1253-536.jpg" }
|
||||
{ id: "p1", brand: "Material", name: "Makuti", price: "Natural", rating: 5, reviewCount: "400+", imageSrc: "http://img.b2bpic.net/free-photo/thatch-texture_23-2148139853.jpg" },
|
||||
{ id: "p2", brand: "Material", name: "Sisal Poles", price: "Strong", rating: 5, reviewCount: "350+", imageSrc: "http://img.b2bpic.net/free-photo/sisal-poles-stack_166373-2549.jpg" },
|
||||
{ id: "p3", brand: "Material", name: "Mazeras Slabs", price: "Elegant", rating: 5, reviewCount: "220+", imageSrc: "http://img.b2bpic.net/free-photo/mazeras-slab_1203-2594.jpg" },
|
||||
{ id: "p4", brand: "Material", name: "Pokomo Mats", price: "Authentic", rating: 5, reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/pokomo-mats_58702-15608.jpg" },
|
||||
]}
|
||||
title="Our Roofing Solutions"
|
||||
description="Select from our curated range of world-class roofing materials."
|
||||
title="Premium Roofing Materials"
|
||||
description="Sourced sustainably and supplied nationwide for every unique project."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -109,73 +98,58 @@ export default function LandingPage() {
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ icon: Mail, title: "Enquire", description: "Reach out to our experts." },
|
||||
{ icon: MapPin, title: "Site Visit", description: "Initial assessment by pro engineers." },
|
||||
{ icon: FileText, title: "Quotation", description: "Transparent, detailed cost estimates." },
|
||||
{ icon: Building2, title: "Installation", description: "Precision roofing execution." },
|
||||
{ icon: Headphones, title: "After-Sales", description: "Continued support & maintenance." },
|
||||
{ icon: Leaf, title: "Makuti Thatching", description: "Traditional techniques for organic aesthetic." },
|
||||
{ icon: Hammer, title: "Roof Construction", description: "Structural integrity for lodges and homes." },
|
||||
{ icon: Truck, title: "Material Supply", description: "Nationwide logistics for all roofing goods." },
|
||||
{ icon: Building2, title: "Resort Fit-out", description: "Luxury finishing for high-end hospitality." },
|
||||
{ icon: Ruler, title: "Site Assessment", description: "Expert measurement and planning." },
|
||||
{ icon: Headphones, title: "Maintenance", description: "Routine care to ensure longevity." },
|
||||
]}
|
||||
title="Our 5-Step Process"
|
||||
description="We ensure perfection at every stage, from initial enquiry to final sign-off."
|
||||
title="Our Core Services"
|
||||
description="From initial site assessment to resort fit-outs, we manage every aspect of the project lifecycle."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The Kenyan chai hospitality paired with unparalleled roofing expertise made REXE a class apart. Exceptional results."
|
||||
testimonial="The team brought a beautiful, earthy aesthetic to our lodge. Truly a piece of the Masai Mara in our backyard. We love it!"
|
||||
rating={5}
|
||||
author="Arch. Maranga"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businessman-smiling_23-2150771049.jpg", alt: "Arch. Maranga" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-working-blue-print_23-2148187236.jpg", alt: "Elizabeth" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-business-leader-using-smartphone-lobby_1262-5625.jpg", alt: "Eric Wainaina" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-successful-businessman-works-laptop_1163-5473.jpg", alt: "Brian/Susan" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-architect-looking-camera_23-2148242902.jpg", alt: "Renson" },
|
||||
]}
|
||||
author="Jane K., Lodge Owner"
|
||||
avatars={[{ src: "http://img.b2bpic.net/free-photo/portrait-j-k_23-2150771049.jpg", alt: "Jane K." }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="why-rexe" data-section="why-rexe">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Why REXE Roofing?"
|
||||
tag="Our Core Values"
|
||||
metrics={[
|
||||
{ id: "m1", value: "Luxury", description: "Editorial design approach." },
|
||||
{ id: "m2", value: "Precision", description: "Architectural excellence." },
|
||||
{ id: "m3", value: "Care", description: "The 'Kenyan Chai' detail." },
|
||||
]}
|
||||
/>
|
||||
<div className="mt-8 p-6 bg-red-50/50 border border-red-200 rounded-lg text-sm text-red-900">
|
||||
<p><strong>Note regarding S R review:</strong> We take all feedback seriously. Our team is actively reviewing the site mentioned by S R to resolve the installation concerns mentioned. We prioritize our clients' satisfaction and will make it right.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Connect"
|
||||
title="Ready to Crown Your World?"
|
||||
description="Reach out to us today for a bespoke roofing consultation. Our expert team is ready to deliver architectural precision for your next project."
|
||||
buttons={[{ text: "Call Us Now", href: "tel:0704646664" }, { text: "Send an Enquiry", href: "mailto:info@rexeroofing.com" }]}
|
||||
tag="Get in Touch"
|
||||
title="Nationwide Delivery Ready"
|
||||
description="Located in Juja (V2W7+HJ). We operate Mon-Sat 8am-6pm. Call us on 0718 750734."
|
||||
buttons={[{ text: "Call Us: 0718 750734", href: "tel:0718750734" }, { text: "Visit Our Website", href: "https://makuti.co.ke" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="REXE Roofing"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-house-architecture-design_23-2148744040.jpg"
|
||||
logoText="Makuti"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-lodge-thatch_23-2148744040.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [{ label: "Products", href: "#products" }, { label: "Process", href: "#process" }, { label: "Contact", href: "#contact" }]
|
||||
items: [{ label: "Services", href: "#process" }, { label: "Materials", href: "#products" }, { label: "Contact", href: "#contact" }]
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [{ label: "Taranaki Court, Off Chania Ave, Nairobi", href: "#" }, { label: "0704 646664", href: "tel:0704646664" }, { label: "rexeroofing.com", href: "https://rexeroofing.com" }]
|
||||
items: [{ label: "Juja, V2W7+HJ", href: "#" }, { label: "0718 750734", href: "tel:0718750734" }, { label: "makuti.co.ke", href: "https://makuti.co.ke" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -183,4 +157,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #171717;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #d4af37;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #000000;
|
||||
--secondary-cta: #404040;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #262626;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user