Files
f64a084f-9bb6-49b9-bd22-8bf…/src/app/about/page.tsx
2026-03-03 17:14:55 +00:00

225 lines
8.0 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import SplitAbout from "@/components/sections/about/SplitAbout";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FeatureCardTwelve from "@/components/sections/feature/FeatureCardTwelve";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import {
Award,
Building2,
Palette,
Sparkles,
Hammer,
Users,
TrendingUp,
} from "lucide-react";
export default function AboutPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Products", id: "/products" },
{ name: "Custom Design", id: "/custom" },
{ name: "About", id: "/about" },
{ name: "Reviews", id: "/reviews" },
];
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumLarge"
sizing="mediumLarge"
background="grid"
cardStyle="layered-gradient"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
headingFontWeight="extrabold"
>
{/* Navbar */}
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Lifestyle Home"
navItems={navItems}
button={{
text: "Contact Us",
href: "/contact",
}}
/>
</div>
{/* About Intro */}
<div id="about-intro" data-section="about-intro">
<SplitAbout
title="About Lifestyle Home"
description="For over 20 years, we've been crafting premium bespoke furniture in Midrand, South Africa. Our commitment to excellence, local manufacturing, and customer satisfaction defines everything we do."
tag="Our Story"
tagIcon={Award}
textboxLayout="default"
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg?_wi=5"
imageAlt="Lifestyle Home premium furniture showroom"
mediaAnimation="slide-up"
imagePosition="right"
bulletPoints={[
{
title: "Local Manufacturing Excellence",
description:
"100% designed and manufactured in Midrand. We take pride in supporting local craftsmanship and maintaining rigorous quality control.",
icon: Building2,
},
{
title: "Premium Craftsmanship",
description:
"Our master craftsmen bring decades of combined experience to every piece, ensuring exceptional quality and attention to detail.",
icon: Hammer,
},
{
title: "Customer-Centric Approach",
description:
"Your satisfaction is our priority. From consultation to delivery, we provide white-glove service and dedicated support.",
icon: Users,
},
{
title: "Sustainable Practices",
description:
"We source premium materials responsibly and maintain environmentally conscious manufacturing practices.",
icon: Sparkles,
},
]}
/>
</div>
{/* Company Values */}
<div id="values" data-section="values">
<FeatureCardTwelve
title="Our Core Values"
description="These principles guide every decision we make and every piece we create."
features={[
{
id: "quality",
label: "Quality",
title: "Uncompromising Excellence",
items: [
"Premium materials only",
"Expert craftsmanship",
"Rigorous quality control",
"Lifetime durability focus",
],
},
{
id: "innovation",
label: "Innovation",
title: "Design Forward Thinking",
items: [
"Contemporary design trends",
"Custom solution focus",
"Modern manufacturing",
"Client vision collaboration",
],
},
{
id: "service",
label: "Service",
title: "Customer Excellence",
items: [
"Consultation & support",
"Professional delivery",
"Expert installation",
"Lifetime after-sales care",
],
},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
{/* Impact & Achievements */}
<div id="impact" data-section="impact">
<MetricCardEleven
title="Our Track Record"
description="Numbers that showcase our growth, customer satisfaction, and dedication to craftsmanship."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "20+",
title: "Years Operating",
description: "Serving South Africa with premium bespoke furniture",
imageSrc:
"http://img.b2bpic.net/free-photo/empty-lounge-area-hotel-lobby_482257-78142.jpg?_wi=6",
imageAlt: "Lifestyle Home established showroom",
},
{
id: "2",
value: "1000+",
title: "Satisfied Clients",
description: "Homeowners and professionals across Gauteng",
imageSrc:
"http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797718.jpg?_wi=6",
imageAlt: "Happy customer interior showcase",
},
{
id: "3",
value: "500+",
title: "Custom Projects",
description: "Delivered with excellence and precision",
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186732.jpg?_wi=2",
imageAlt: "Expert furniture craftsmanship details",
},
]}
/>
</div>
{/* Footer */}
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-1123.jpg?_wi=4"
imageAlt="Lifestyle Home Midrand showroom exterior"
logoText="Lifestyle Home"
copyrightText="© 2025 Lifestyle Home. All rights reserved. Premium Bespoke Furniture Manufacturer."
columns={[
{
title: "Navigation",
items: [
{ label: "Home", href: "/" },
{ label: "Products", href: "/products" },
{ label: "Custom Design", href: "/custom" },
{ label: "About Us", href: "/about" },
{ label: "Reviews", href: "/reviews" },
],
},
{
title: "Contact",
items: [
{ label: "Phone: 0860 017 420", href: "tel:0860017420" },
{
label: "Email: orders@lifestyle-home.co.za",
href: "mailto:orders@lifestyle-home.co.za",
},
{ label: "WhatsApp Chat", href: "https://wa.me/27860017420" },
{ label: "Showroom Location", href: "#" },
],
},
{
title: "Business",
items: [
{ label: "Showroom Hours: 09:00 - 16:00", href: "#" },
{ label: "Midrand Business Park", href: "#" },
{ label: "Get Directions", href: "#" },
{ label: "Privacy Policy", href: "#" },
],
},
]}
/>
</div>
</ThemeProvider>
);
}