Merge version_1 into main #3

Merged
bender merged 1 commits from version_1 into main 2026-04-28 15:02:00 +00:00

View File

@@ -26,191 +26,131 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home", id: "/"},
{
name: "About", id: "/about"},
{
name: "Contact", id: "/contact"},
]}
brandName="Elite Renovations"
button={{
text: "Get Quote", href: "/contact"}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Contact", id: "/contact" },
]}
brandName="Elite Renovations"
button={{ text: "Get Quote", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars"}}
title="Mastering Home Transformations"
description="Premium painting, bespoke wall panelling, and stunning media walls crafted by experienced renovation specialists."
testimonials={[
{
name: "Sarah Miller", handle: "@sarah_m", testimonial: "Fantastic job on our living room. The media wall is exactly what we wanted!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086772.jpg"},
{
name: "James Cook", handle: "@jcook", testimonial: "Precision work on the panelling. Highly professional and clean.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/home-residential-family-living-house-concept_53876-124162.jpg"},
{
name: "Emma Wright", handle: "@ewright", testimonial: "Transformed our home with their painting service. Vibrant and flawless.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-women-high-fiving-table_23-2147769998.jpg"},
{
name: "Robert Lee", handle: "@robert_lee", testimonial: "Expert attention to detail, highly recommended for any renovation.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mother-girl-painting-orange-walls-using-laptop-find-online-decorating-inspiration-little-girl-woman-searching-renovation-model-with-color-paint-housework-diy-tools_482257-49679.jpg"},
{
name: "Alice Green", handle: "@agreen", testimonial: "Efficient, talented, and reliable. Exceptional renovation experts.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg"},
]}
imageSrc="http://img.b2bpic.net/free-photo/bathroom_74190-1477.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg", alt: "Client 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-desk_23-2148866942.jpg", alt: "Client 2"},
{
src: "http://img.b2bpic.net/free-photo/preparing-room-new-furniture_329181-9754.jpg", alt: "Client 3"},
{
src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg", alt: "Client 4"},
{
src: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24899.jpg", alt: "Client 5"},
]}
marqueeItems={[
{
type: "text", text: "Quality Assured"},
{
type: "text", text: "Fully Insured"},
{
type: "text", text: "Expert Finish"},
{
type: "text", text: "On Budget"},
{
type: "text", text: "On Time"},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={false}
background={{ variant: "gradient-bars" }}
title="Mastering Home Transformations"
description="Premium painting, bespoke wall panelling, and stunning media walls crafted by experienced renovation specialists."
testimonials={[
{ name: "Sarah Miller", handle: "@sarah_m", testimonial: "Fantastic job on our living room. The media wall is exactly what we wanted!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086772.jpg" },
{ name: "James Cook", handle: "@jcook", testimonial: "Precision work on the panelling. Highly professional and clean.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/home-residential-family-living-house-concept_53876-124162.jpg" },
{ name: "Emma Wright", handle: "@ewright", testimonial: "Transformed our home with their painting service. Vibrant and flawless.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-women-high-fiving-table_23-2147769998.jpg" },
{ name: "Robert Lee", handle: "@robert_lee", testimonial: "Expert attention to detail, highly recommended for any renovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mother-girl-painting-orange-walls-using-laptop-find-online-decorating-inspiration-little-girl-woman-searching-renovation-model-with-color-paint-housework-diy-tools_482257-49679.jpg" },
{ name: "Alice Green", handle: "@agreen", testimonial: "Efficient, talented, and reliable. Exceptional renovation experts.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-painting-walls-their-new-home-together_23-2149086830.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/bathroom_74190-1477.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/african-american-caucasian-couple-hugging-happily-indoors-newly-purchased-home-joyful-moment_482257-134711.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/medium-shot-woman-sitting-desk_23-2148866942.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/preparing-room-new-furniture_329181-9754.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/couple-handling-carpet-together-their-new-home_23-2149086839.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/young-cute-family-repairs-room_1157-24899.jpg", alt: "Client 5" },
]}
marqueeItems={[
{ type: "text", text: "Quality Assured" },
{ type: "text", text: "Fully Insured" },
{ type: "text", text: "Expert Finish" },
{ type: "text", text: "On Budget" },
{ type: "text", text: "On Time" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureBento
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Bespoke Panelling", description: "Custom wall panelling solutions that add texture, character, and luxury to any room.", bentoComponent: {
bentoComponent: "reveal-icon", icon: Hammer,
},
imageSrc: "http://img.b2bpic.net/free-photo/light-ceramic-window-interior-tub_1203-4390.jpg", imageAlt: "light ceramic window interior tub"},
{
title: "Modern Media Walls", description: "Functional media walls integrating your entertainment systems with elegant design.", bentoComponent: {
bentoComponent: "reveal-icon", icon: Tv,
},
imageSrc: "http://img.b2bpic.net/free-photo/bathroom_74190-1477.jpg", imageAlt: "light ceramic window interior tub"},
{
title: "Professional Painting", description: "High-quality painting finishes using premium paints to ensure longevity and beauty.", bentoComponent: {
bentoComponent: "reveal-icon", icon: Palette,
},
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086772.jpg", imageAlt: "light ceramic window interior tub"},
]}
title="Renovation Services"
description="Comprehensive tradesman services to elevate your interior aesthetic."
animationType="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureBento
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Bespoke Panelling", description: "Custom wall panelling solutions that add texture, character, and luxury to any room.", bentoComponent: "reveal-icon", icon: Hammer, imageSrc: "http://img.b2bpic.net/free-photo/light-ceramic-window-interior-tub_1203-4390.jpg", imageAlt: "light ceramic window interior tub" },
{ title: "Modern Media Walls", description: "Functional media walls integrating your entertainment systems with elegant design.", bentoComponent: "reveal-icon", icon: Tv, imageSrc: "http://img.b2bpic.net/free-photo/bathroom_74190-1477.jpg", imageAlt: "light ceramic window interior tub" },
{ title: "Professional Painting", description: "High-quality painting finishes using premium paints to ensure longevity and beauty.", bentoComponent: "reveal-icon", icon: Palette, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-paintbrush-bucket-new-home-decoration_23-2149086772.jpg", imageAlt: "light ceramic window interior tub" },
]}
title="Renovation Services"
description="Comprehensive tradesman services to elevate your interior aesthetic."
animationType="slide-up"
/>
</div>
<div id="testimonial-section" data-section="testimonial-section">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Miller", role: "CEO", company: "Growth Inc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-happy-white-couple-moving-together-into-new-house_181624-36388.jpg"},
{
id: "2", name: "James Cook", role: "Architect", company: "Designs Ltd", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cardboard-house-with-tools-flat-lay_23-2148393120.jpg"},
{
id: "3", name: "Emma Wright", role: "Director", company: "Media Corp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-making-plans-remodel-house_23-2148814631.jpg"},
{
id: "4", name: "Robert Lee", role: "Manager", company: "Startup XYZ", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg"},
{
id: "5", name: "Alice Green", role: "Designer", company: "Art Studio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg"},
]}
title="Client Success"
description="See why homeowners trust us for their most important renovations."
/>
</div>
<div id="testimonial-section" data-section="testimonial-section">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="bento-grid"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah Miller", role: "CEO", company: "Growth Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-happy-white-couple-moving-together-into-new-house_181624-36388.jpg" },
{ id: "2", name: "James Cook", role: "Architect", company: "Designs Ltd", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cardboard-house-with-tools-flat-lay_23-2148393120.jpg" },
{ id: "3", name: "Emma Wright", role: "Director", company: "Media Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-making-plans-remodel-house_23-2148814631.jpg" },
{ id: "4", name: "Robert Lee", role: "Manager", company: "Startup XYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/asian-attractive-glasses-interior-designer-working-house-site-renovation-construction-progress-with-smile-confident-desk-with-blue-print-drawing-tool_609648-514.jpg" },
{ id: "5", name: "Alice Green", role: "Designer", company: "Art Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-holding-house-sign-made-measuring-tape_329181-9317.jpg" },
]}
title="Client Success"
description="See why homeowners trust us for their most important renovations."
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Why Choose Us"
description="Our numbers speak for our dedication to excellence."
metrics={[
{
id: "1", value: "500+", title: "Projects Completed", description: "Successful home transformations delivered.", icon: CheckCircle,
},
{
id: "2", value: "15+", title: "Years Experience", description: "Professional trade background.", icon: Clock,
},
{
id: "3", value: "98%", title: "Client Satisfaction", description: "Happy homeowners love our work.", icon: Smile,
},
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="Why Choose Us"
description="Our numbers speak for our dedication to excellence."
metrics={[
{ id: "1", value: "500+", title: "Projects Completed", description: "Successful home transformations delivered.", icon: CheckCircle },
{ id: "2", value: "15+", title: "Years Experience", description: "Professional trade background.", icon: Clock },
{ id: "3", value: "98%", title: "Client Satisfaction", description: "Happy homeowners love our work.", icon: Smile },
]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted Partners"
description="Proud to work with industry leading suppliers."
names={[
"Dulux Pro", "Farrow & Ball", "Bespoke Panelling Ltd", "Modern Media Tech", "Quality Finishes Inc"]}
/>
</div>
<div id="socialProof" data-section="socialProof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
title="Trusted Partners"
description="Proud to work with industry leading suppliers."
names={["Dulux Pro", "Farrow & Ball", "Bespoke Panelling Ltd", "Modern Media Tech", "Quality Finishes Inc"]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services", items: [
{
label: "Panelling", href: "#features"},
{
label: "Painting", href: "#features"},
{
label: "Media Walls", href: "#features"},
],
},
{
title: "Company", items: [
{
label: "About", href: "/about"},
{
label: "Contact", href: "/contact"},
{
label: "Privacy", href: "#"},
],
},
]}
logoText="Elite Renovations"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Services", items: [
{ label: "Panelling", href: "#features" },
{ label: "Painting", href: "#features" },
{ label: "Media Walls", href: "#features" },
],
},
{
title: "Company", items: [
{ label: "About", href: "/about" },
{ label: "Contact", href: "/contact" },
{ label: "Privacy", href: "#" },
],
},
]}
logoText="Elite Renovations"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}