Files
54fc2fca-86f4-4e28-a98d-8ab…/src/app/page.tsx
2026-04-24 08:11:21 +00:00

361 lines
11 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { CheckCircle } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="compact"
sizing="large"
background="none"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Products",
id: "products",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="VON ALUMINIUM"
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlay
title="Premium Aluminium Roofing Solutions in Nigeria"
description="Durable. Elegant. Built to last for decades."
buttons={[
{
text: "Get a Free Quote",
href: "#contact",
},
{
text: "View Products",
href: "#products",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13113.jpg"
showDimOverlay={true}
showBlur={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-with-earphones_23-2149343656.jpg",
alt: "Architect professional",
},
{
src: "http://img.b2bpic.net/free-photo/metallic-building-wall-sky_23-2148744289.jpg",
alt: "Project lead",
},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-men-working-roof-together_23-2149343670.jpg",
alt: "Construction site manager",
},
{
src: "http://img.b2bpic.net/free-photo/white-diagonal-painted-wood-wall-background-texture_158595-6488.jpg",
alt: "Installation expert",
},
{
src: "http://img.b2bpic.net/free-photo/acoustic-foam-studio_1381-25.jpg",
alt: "Operations lead",
},
]}
avatarText="Trusted by 500+ satisfied clients and architectural partners."
/>
</div>
<div id="trust" data-section="trust">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"4.5+ Satisfaction",
"100+ Projects Completed",
"Aba Local Experts",
"Premium Certified Materials",
"24/7 Support",
"Warranty Protected",
"Quick Installations",
]}
title="Trusted by Professionals"
description="Excellence in every project we deliver."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Built on Quality. Driven by Trust."
description="Von Aluminium delivers high-quality aluminum roofing sheets and installation services designed to withstand time, weather, and expectations. With years of hands-on experience, every project is handled with precision."
metrics={[
{
value: "100+",
title: "Projects Completed",
},
{
value: "15+",
title: "Years Experience",
},
{
value: "500+",
title: "Satisfied Clients",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/crop-woman-training-near-railings_23-2147786915.jpg"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Long Span Aluminium",
price: "Contact for Quote",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13244.jpg",
},
{
id: "p2",
name: "Step Tiles",
price: "Contact for Quote",
imageSrc: "http://img.b2bpic.net/free-photo/acoustic-foam-studio_1381-15.jpg",
},
{
id: "p3",
name: "Metro Tiles",
price: "Contact for Quote",
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13093.jpg",
},
{
id: "p4",
name: "Aluminum Doors",
price: "Contact for Quote",
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-sunglasses-looking-her-smartphone_1157-1805.jpg",
},
{
id: "p5",
name: "Windows",
price: "Contact for Quote",
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-building-facade_158595-5102.jpg",
},
{
id: "p6",
name: "Custom Frames",
price: "Contact for Quote",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283235.jpg",
},
]}
title="Premium Products"
description="Top-tier roofing solutions tailored for Nigeria's climate."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTen
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
features={[
{
title: "Precision",
description: "Accurate measurements and planning for seamless execution.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-15439.jpg",
},
items: [
{
icon: CheckCircle,
text: "Expert planning",
},
{
icon: CheckCircle,
text: "Precision cut",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13113.jpg",
imageAlt: "Photo of wood texture pattern",
},
{
title: "Pricing",
description: "Transparent quotes with no hidden costs.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ironing-board-made-wooden-surface_181624-25310.jpg",
},
items: [
{
icon: CheckCircle,
text: "Fair market pricing",
},
{
icon: CheckCircle,
text: "Detailed invoicing",
},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-training-near-railings_23-2147786915.jpg",
imageAlt: "Photo of wood texture pattern",
},
{
title: "Installation",
description: "Professional teams ensuring long-lasting performance.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13917.jpg",
},
items: [
{
icon: CheckCircle,
text: "Experienced pros",
},
{
icon: CheckCircle,
text: "Fast turnaround",
},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13244.jpg",
imageAlt: "Photo of wood texture pattern",
},
]}
title="Why Choose Von Aluminium?"
description="Our commitment to excellence makes us the premier choice for roofing in Nigeria."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/architecture-successful-meeting_23-2148480364.jpg",
},
{
id: "t2",
name: "Michael B.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-near-modern-building_23-2147747855.jpg",
},
{
id: "t3",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-house_23-2149571925.jpg",
},
{
id: "t4",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-with-safety-vest-smiling_23-2148269285.jpg",
},
{
id: "t5",
name: "James L.",
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg",
},
]}
cardTitle="Client Voices"
cardTag="Testimonials"
cardAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
text="Ready to Upgrade Your Roof? Get a professional quote in seconds. Contact us today via phone or WhatsApp."
buttons={[
{
text: "Call Now",
href: "tel:+234800000000",
},
{
text: "WhatsApp Us",
href: "https://wa.me/234800000000",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/close-up-wooden-shutter_23-2147625892.jpg"
logoText="VON ALUMINIUM"
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "About",
href: "#about",
},
{
label: "Products",
href: "#products",
},
],
},
{
title: "Contact",
items: [
{
label: "Call: +234 800 0000",
href: "tel:+234800000000",
},
{
label: "Aba, Nigeria",
href: "#",
},
],
},
]}
copyrightText="© 2025 VON ALUMINIUM. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}