Merge version_1 into main #1
408
src/app/page.tsx
408
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ArrowRight } from "lucide-react";
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -26,298 +27,135 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lumina Interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lumina Interior"
|
||||
button={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Redefining Spaces, Curating Lives"
|
||||
description="Lumina Interior blends timeless elegance with modern functionality to transform your home into a sanctuary of style and comfort."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julia Bennett",
|
||||
handle: "@juliab",
|
||||
testimonial: "Lumina truly understood my vision. Our home feels entirely transformed and so much more like us.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark Stevens",
|
||||
handle: "@mark_s",
|
||||
testimonial: "Exceptional eye for detail and color. The professionalism throughout the renovation was outstanding.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elenarod",
|
||||
testimonial: "From concept to completion, Lumina made the process effortless and the result is just stunning.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg",
|
||||
},
|
||||
{
|
||||
name: "Chris Taylor",
|
||||
handle: "@ctaylor",
|
||||
testimonial: "They turned our outdated space into a modern masterpiece. Highly recommended!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sjenkins",
|
||||
testimonial: "Everything from the initial mood board to final styling was perfect. Truly gifted designers.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-coworkers-with-blueprint_23-2147727682.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-classical-white-interior-with-fireplace-brown-sofa-vintage-chandelier_8353-8413.jpg"
|
||||
imageAlt="Luxurious living space interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-coworkers-with-blueprint_23-2147727682.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bespoke Furnishings",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Smart Home Integration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Concierge Styling",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Architecture Planning",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{ variant: "plain" }}
|
||||
title="Redefining Spaces, Curating Lives"
|
||||
description="Lumina Interior blends timeless elegance with modern functionality to transform your home into a sanctuary of style and comfort."
|
||||
testimonials={[
|
||||
{ name: "Julia Bennett", handle: "@juliab", testimonial: "Lumina truly understood my vision. Our home feels entirely transformed and so much more like us.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg" },
|
||||
{ name: "Mark Stevens", handle: "@mark_s", testimonial: "Exceptional eye for detail and color. The professionalism throughout the renovation was outstanding.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg" },
|
||||
{ name: "Elena Rodriguez", handle: "@elenarod", testimonial: "From concept to completion, Lumina made the process effortless and the result is just stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg" },
|
||||
{ name: "Chris Taylor", handle: "@ctaylor", testimonial: "They turned our outdated space into a modern masterpiece. Highly recommended!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg" },
|
||||
{ name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "Everything from the initial mood board to final styling was perfect. Truly gifted designers.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-coworkers-with-blueprint_23-2147727682.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Book Consultation", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-classical-white-interior-with-fireplace-brown-sofa-vintage-chandelier_8353-8413.jpg"
|
||||
imageAlt="Luxurious living space interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-coworkers-with-blueprint_23-2147727682.jpg", alt: "Client 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sustainable Design" },
|
||||
{ type: "text", text: "Bespoke Furnishings" },
|
||||
{ type: "text", text: "Smart Home Integration" },
|
||||
{ type: "text", text: "Concierge Styling" },
|
||||
{ type: "text", text: "Architecture Planning" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Design With Purpose"
|
||||
description="At Lumina, we believe every space tells a story. We don't just design rooms; we create environments that foster memories and celebrate your unique personality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-watercolorist-studio-working-his-art_23-2150214848.jpg"
|
||||
imageAlt="Interior designer at work"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Design With Purpose"
|
||||
description="At Lumina, we believe every space tells a story. We don't just design rooms; we create environments that foster memories and celebrate your unique personality."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/senior-watercolorist-studio-working-his-art_23-2150214848.jpg"
|
||||
imageAlt="Interior designer at work"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Full-Service Design",
|
||||
description: "End-to-end management for residential renovations and new builds.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sofa-chair_74190-437.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Furniture Curation",
|
||||
description: "Sourcing unique, high-quality furniture pieces that align with your style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334533.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Space Planning",
|
||||
description: "Maximizing efficiency and flow in every square foot of your property.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-designer-works-digital-home-design-project_482257-119491.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
{
|
||||
title: "Consultation",
|
||||
description: "Expert advice on color palettes, textiles, and design direction.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-project_23-2149721877.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
},
|
||||
]}
|
||||
title="Our Design Expertise"
|
||||
description="Comprehensive design solutions tailored to your unique lifestyle requirements and aesthetic goals."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Full-Service Design", description: "End-to-end management for residential renovations and new builds.", imageSrc: "http://img.b2bpic.net/free-photo/sofa-chair_74190-437.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Furniture Curation", description: "Sourcing unique, high-quality furniture pieces that align with your style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-color-palette-used-by-interior-designer_23-2150334533.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Space Planning", description: "Maximizing efficiency and flow in every square foot of your property.", imageSrc: "http://img.b2bpic.net/free-photo/architectural-designer-works-digital-home-design-project_482257-119491.jpg", buttonIcon: ArrowRight },
|
||||
{ title: "Consultation", description: "Expert advice on color palettes, textiles, and design direction.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-project_23-2149721877.jpg", buttonIcon: ArrowRight },
|
||||
]}
|
||||
title="Our Design Expertise"
|
||||
description="Comprehensive design solutions tailored to your unique lifestyle requirements and aesthetic goals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Lumina is incredibly talented at balancing modern aesthetics with personal comfort. Our living space now feels both luxury and deeply inviting."
|
||||
rating={5}
|
||||
author="Alice Thompson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-coworkers-with-blueprint_23-2147727682.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Lumina is incredibly talented at balancing modern aesthetics with personal comfort. Our living space now feels both luxury and deeply inviting."
|
||||
rating={5}
|
||||
author="Alice Thompson"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-living-room-smiles-holding-mug_23-2148385593.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-businesswoman-posing-with-coffee_23-2148452691.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-cup-coffee_23-2148415880.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-color-palette_23-2148889740.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-coworkers-with-blueprint_23-2147727682.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the design process work?",
|
||||
content: "We start with a consultation, move to conceptual design, manage sourcing, and end with white-glove installation.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you handle small projects?",
|
||||
content: "We work on projects of all sizes, from single room styling to full home interior renovations.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "What is your design aesthetic?",
|
||||
content: "Our studio favors organic modern styles, focusing on natural textures, neutral palettes, and refined luxury.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you get started on your design journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "How does the design process work?", content: "We start with a consultation, move to conceptual design, manage sourcing, and end with white-glove installation." },
|
||||
{ id: "2", title: "Do you handle small projects?", content: "We work on projects of all sizes, from single room styling to full home interior renovations." },
|
||||
{ id: "3", title: "What is your design aesthetic?", content: "Our studio favors organic modern styles, focusing on natural textures, neutral palettes, and refined luxury." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers to help you get started on your design journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Start Your Dream Home"
|
||||
description="Ready to transform your space? Let's discuss your vision and see how we can bring it to life."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-16765.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Schedule Call"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in touch"
|
||||
title="Start Your Dream Home"
|
||||
description="Ready to transform your space? Let's discuss your vision and see how we can bring it to life."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-16765.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Schedule Call"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Help",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Lumina Interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Help", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "#" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "LinkedIn", href: "#" }] },
|
||||
]}
|
||||
logoText="Lumina Interior"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user