Merge version_1 into main #1
479
src/app/page.tsx
479
src/app/page.tsx
@@ -12,7 +12,7 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Award, Diamond, LayoutDashboard, Star, Tool, Wrench } from "lucide-react";
|
||||
import { Award, Diamond, LayoutDashboard, Star, Wrench, Circle } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,353 +29,154 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Stunning Kitchen & Wardrobes"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Stunning Kitchen & Wardrobes"
|
||||
button={{ text: "Book Consultation", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Crafting Luxury Fitted Furniture for Your Home"
|
||||
description="For over 10 years, we have been the UK's trusted experts in bespoke kitchens, custom wardrobes, and high-end home storage solutions."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/line-light-open-drawer-blue-modern_169016-69038.jpg"
|
||||
imageAlt="Bespoke kitchen project showcase"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13064.jpg",
|
||||
alt: "Client profile 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/led-drawer-blue-fronts-minimal-kitchen_169016-69301.jpg",
|
||||
alt: "Client profile 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wall-vanity-drawer-open-scandi-rhythm_169016-69443.jpg",
|
||||
alt: "Client profile 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/empty-kitchen-drawer-with-bamboo-organizer-declutter-storage_169016-71151.jpg",
|
||||
alt: "Client profile 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104771.jpg",
|
||||
alt: "Client profile 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Bespoke Joinery",
|
||||
icon: Tool,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Materials",
|
||||
icon: Diamond,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Custom Storage",
|
||||
icon: LayoutDashboard,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Kitchens",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Professional Install",
|
||||
icon: Wrench,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Crafting Luxury Fitted Furniture for Your Home"
|
||||
description="For over 10 years, we have been the UK's trusted experts in bespoke kitchens, custom wardrobes, and high-end home storage solutions."
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/line-light-open-drawer-blue-modern_169016-69038.jpg"
|
||||
imageAlt="Bespoke kitchen project showcase"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13064.jpg", alt: "Client profile 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/led-drawer-blue-fronts-minimal-kitchen_169016-69301.jpg", alt: "Client profile 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wall-vanity-drawer-open-scandi-rhythm_169016-69443.jpg", alt: "Client profile 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/empty-kitchen-drawer-with-bamboo-organizer-declutter-storage_169016-71151.jpg", alt: "Client profile 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/full-shot-artisan-doing-woodcutting_23-2150104771.jpg", alt: "Client profile 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ happy homeowners"
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Bespoke Joinery", icon: Circle },
|
||||
{ type: "text-icon", text: "Premium Materials", icon: Diamond },
|
||||
{ type: "text-icon", text: "Custom Storage", icon: LayoutDashboard },
|
||||
{ type: "text-icon", text: "Luxury Kitchens", icon: Star },
|
||||
{ type: "text-icon", text: "Professional Install", icon: Wrench },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Expertise"
|
||||
title="A Decade of Bespoke Craftsmanship"
|
||||
description="We specialize in high-quality fitted furniture that combines timeless aesthetics with practical functionality, transforming homes across London and beyond."
|
||||
subdescription="Our team of master craftsmen works closely with every client to deliver personalized designs that elevate your living space."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26116.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="Craftsman working in workshop"
|
||||
icon={Award}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={true}
|
||||
tag="Our Expertise"
|
||||
title="A Decade of Bespoke Craftsmanship"
|
||||
description="We specialize in high-quality fitted furniture that combines timeless aesthetics with practical functionality, transforming homes across London and beyond."
|
||||
subdescription="Our team of master craftsmen works closely with every client to deliver personalized designs that elevate your living space."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-carpenter-working-with-wood_1157-26116.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
imageAlt="Craftsman working in workshop"
|
||||
icon={Award}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Contemporary Kitchen",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-pink-robe-posing-with-salad-plate-kitchen_627829-11338.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Luxury Fitted Wardrobes",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-wardrobe-with-tall-black-handles-round-mirror-minimal-interior_169016-69452.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Under Stairs Storage",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-talking-phone-her-desk_23-2147601479.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Shaker Style Doors",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263596.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Rich Wood Media Wall",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/open-bible-stand-sun-rays-light-scripture_169016-71816.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Home Office Units",
|
||||
price: "Bespoke",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-with-wooden-details_169016-20015.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Latest Projects"
|
||||
description="Discover our portfolio of bespoke kitchens, custom wardrobes, and sophisticated storage solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="projects" data-section="projects">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Contemporary Kitchen", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-pink-robe-posing-with-salad-plate-kitchen_627829-11338.jpg" },
|
||||
{ id: "p2", name: "Luxury Fitted Wardrobes", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/bright-wardrobe-with-tall-black-handles-round-mirror-minimal-interior_169016-69452.jpg" },
|
||||
{ id: "p3", name: "Under Stairs Storage", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/employee-talking-phone-her-desk_23-2147601479.jpg" },
|
||||
{ id: "p4", name: "Shaker Style Doors", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263596.jpg" },
|
||||
{ id: "p5", name: "Rich Wood Media Wall", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/open-bible-stand-sun-rays-light-scripture_169016-71816.jpg" },
|
||||
{ id: "p6", name: "Home Office Units", price: "Bespoke", imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-kitchen-with-wooden-details_169016-20015.jpg" },
|
||||
]}
|
||||
title="Our Latest Projects"
|
||||
description="Discover our portfolio of bespoke kitchens, custom wardrobes, and sophisticated storage solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Mass produced alternatives",
|
||||
"Limited design freedom",
|
||||
"Generic storage solutions",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Bespoke tailored designs",
|
||||
"Premium materials",
|
||||
"Expert installation team",
|
||||
],
|
||||
}}
|
||||
title="Why Choose Stunning Kitchens?"
|
||||
description="We offer premium quality fitted furniture with unmatched service and reliability."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{ items: ["Mass produced alternatives", "Limited design freedom", "Generic storage solutions"] }}
|
||||
positiveCard={{ items: ["Bespoke tailored designs", "Premium materials", "Expert installation team"] }}
|
||||
title="Why Choose Stunning Kitchens?"
|
||||
description="We offer premium quality fitted furniture with unmatched service and reliability."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+",
|
||||
title: "Years Experience",
|
||||
items: [
|
||||
"Expert joinery",
|
||||
"Industry knowledge",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
title: "Happy Clients",
|
||||
items: [
|
||||
"Bespoke projects",
|
||||
"Trusted partners",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfaction Rate",
|
||||
items: [
|
||||
"Personalized design",
|
||||
"Quality assurance",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven experience in creating exceptional home furniture solutions."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "10+", title: "Years Experience", items: ["Expert joinery", "Industry knowledge"] },
|
||||
{ id: "m2", value: "500+", title: "Happy Clients", items: ["Bespoke projects", "Trusted partners"] },
|
||||
{ id: "m3", value: "100%", title: "Satisfaction Rate", items: ["Personalized design", "Quality assurance"] },
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Proven experience in creating exceptional home furniture solutions."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Reviews",
|
||||
"Houzz",
|
||||
"Trustpilot",
|
||||
"Verified Traders",
|
||||
"Kitchen Monthly",
|
||||
"Design Weekly",
|
||||
"Home & Style",
|
||||
]}
|
||||
title="Trusted by Homeowners Across the UK"
|
||||
description="We take pride in being the locals' preferred choice for bespoke home renovations."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names=["Google Reviews", "Houzz", "Trustpilot", "Verified Traders", "Kitchen Monthly", "Design Weekly", "Home & Style"]
|
||||
title="Trusted by Homeowners Across the UK"
|
||||
description="We take pride in being the locals' preferred choice for bespoke home renovations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Usman Javaid",
|
||||
role: "Homeowner",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-book-man-with-breakfast_23-2148334751.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bep Dhaliwal",
|
||||
role: "Homeowner",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-woman_23-2148352570.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah W.",
|
||||
role: "Homeowner",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-laughing-while-talking-about-something-funny-using-laptop-cafe_637285-2104.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark D.",
|
||||
role: "Homeowner",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263603.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Emily R.",
|
||||
role: "Homeowner",
|
||||
company: "UK",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-different-feelings_23-2148860324.jpg",
|
||||
},
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our clients say about their new bespoke furniture."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Usman Javaid", role: "Homeowner", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-book-man-with-breakfast_23-2148334751.jpg" },
|
||||
{ id: "2", name: "Bep Dhaliwal", role: "Homeowner", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-beautiful-woman_23-2148352570.jpg" },
|
||||
{ id: "3", name: "Sarah W.", role: "Homeowner", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-laughing-while-talking-about-something-funny-using-laptop-cafe_637285-2104.jpg" },
|
||||
{ id: "4", name: "Mark D.", role: "Homeowner", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263603.jpg" },
|
||||
{ id: "5", name: "Emily R.", role: "Homeowner", company: "UK", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-with-different-feelings_23-2148860324.jpg" },
|
||||
]}
|
||||
title="Client Success Stories"
|
||||
description="What our clients say about their new bespoke furniture."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
title="Start Your Bespoke Journey Today"
|
||||
description="Contact us to discuss your vision for a beautiful custom kitchen or wardrobe."
|
||||
tag="Let's Talk"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
title="Start Your Bespoke Journey Today"
|
||||
description="Contact us to discuss your vision for a beautiful custom kitchen or wardrobe."
|
||||
tag="Let's Talk"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Stunning Kitchens"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Fitted Kitchens",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
label: "Custom Wardrobes",
|
||||
href: "#projects",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "07712 173313",
|
||||
href: "tel:07712173313",
|
||||
},
|
||||
{
|
||||
label: "Chesham, HP5 1RW",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Stunning Kitchens"
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Projects", href: "#projects" }] },
|
||||
{ title: "Services", items: [{ label: "Fitted Kitchens", href: "#projects" }, { label: "Custom Wardrobes", href: "#projects" }] },
|
||||
{ title: "Contact", items: [{ label: "07712 173313", href: "tel:07712173313" }, { label: "Chesham, HP5 1RW", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user