Merge version_1 into main #3
298
src/app/page.tsx
298
src/app/page.tsx
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user