514 lines
20 KiB
TypeScript
514 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Award, Building, Camera, Clock, Cog, Feather, Grid, Home, Leaf, Lightbulb, Sparkles, Star, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "#services",
|
|
},
|
|
{
|
|
name: "Portfolio",
|
|
id: "#portfolio",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Get a Quote",
|
|
href: "#contact",
|
|
}}
|
|
brandName="Elegance Interiors"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
imagePosition="right"
|
|
title="Crafting Spaces, Inspiring Lives"
|
|
description="Transform your vision into reality with bespoke interior designs that blend aesthetics, functionality, and innovation. We create environments that truly reflect you."
|
|
tag="Elegance in Every Detail"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Portfolio",
|
|
href: "#portfolio",
|
|
},
|
|
{
|
|
text: "Schedule a Consultation",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/front-view-workplace-chair-table_23-2148727525.jpg?_wi=1"
|
|
imageAlt="Luxurious modern living room interior design"
|
|
mediaAnimation="slide-up"
|
|
fixedMediaHeight={true}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
|
alt: "Satisfied client",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/indigenous-man-integrated-into-modern-life_23-2151128166.jpg",
|
|
alt: "Happy homeowner",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg",
|
|
alt: "Creative designer",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-couple-moving-new-home-together-african-american-couple-with-cardboard-boxes_1157-40329.jpg",
|
|
alt: "Professional consultant",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
|
|
alt: "Enthusiastic partner",
|
|
},
|
|
]}
|
|
avatarText="Join 1000+ satisfied clients"
|
|
marqueeItems={[
|
|
{
|
|
type: "text-icon",
|
|
text: "Quality Craftsmanship",
|
|
icon: Sparkles,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Sustainable Practices",
|
|
icon: Leaf,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Client-Centric Design",
|
|
icon: Users,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Innovative Solutions",
|
|
icon: Lightbulb,
|
|
},
|
|
{
|
|
type: "text-icon",
|
|
text: "Timely Project Delivery",
|
|
icon: Clock,
|
|
},
|
|
]}
|
|
marqueeSpeed={50}
|
|
showMarqueeCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={true}
|
|
tag="Our Philosophy"
|
|
tagIcon={Grid}
|
|
tagAnimation="opacity"
|
|
title="Redefining Interior Design with Passion and Precision"
|
|
buttons={[
|
|
{
|
|
text: "Learn More About Us",
|
|
href: "#",
|
|
},
|
|
]}
|
|
buttonAnimation="opacity"
|
|
description="At Elegance Interiors, we believe design is more than just aesthetics; it's about crafting experiences. Our team of expert designers combines artistic vision with meticulous attention to detail, transforming ordinary spaces into extraordinary sanctuaries. We work closely with you, understanding your unique style and needs, to deliver personalized solutions that exceed expectations and elevate daily living."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardTwentyFive
|
|
animationType="depth-3d"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Residential Design",
|
|
description: "Tailored designs for homes, apartments, and villas, creating personalized and comfortable living environments.",
|
|
icon: Home,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-albinism-spending-time-home_23-2150321723.jpg",
|
|
imageAlt: "Modern kitchen interior design",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cozy-bedroom-interior-with-modern-art_23-2152001406.jpg",
|
|
imageAlt: "Cozy master bedroom interior design",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-workplace-chair-table_23-2148727525.jpg?_wi=2",
|
|
imageAlt: "modern kitchen interior design",
|
|
},
|
|
{
|
|
title: "Commercial Spaces",
|
|
description: "Innovative designs for offices, retail stores, and hospitality venues that enhance brand identity and user experience.",
|
|
icon: Building,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-hotel-office-reception-lounge-with-meeting-room_105762-1772.jpg",
|
|
imageAlt: "Grand hotel lobby interior design",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/clothes-store-with-mannequin_23-2148929527.jpg",
|
|
imageAlt: "Boutique retail store interior design",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-beautiful-young-female-architect-striped-shirt-sitting-desk-holding-pen-ruler-hands-making-blueprints-working-new-project-home-business-art_176420-8476.jpg",
|
|
imageAlt: "modern kitchen interior design",
|
|
},
|
|
{
|
|
title: "Renovation & Remodeling",
|
|
description: "Complete overhaul of existing spaces, breathing new life into every corner with modern aesthetics and functionality.",
|
|
icon: Cog,
|
|
mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214765.jpg",
|
|
imageAlt: "Spa-like modern bathroom design",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/drawing-sketching-classes-adults-close-up-metal-stand-holder-with-graphite-pencils-standing-table-against-easels-with-blank-canvases-background-modern-art-studio-nobody_482257-64458.jpg",
|
|
imageAlt: "Modern home office interior design",
|
|
},
|
|
],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg?_wi=1",
|
|
imageAlt: "modern kitchen interior design",
|
|
},
|
|
]}
|
|
title="Our Expertise in Interior Transformation"
|
|
description="We offer a comprehensive suite of interior design services, from initial concept to final execution, ensuring a seamless and enjoyable journey to your dream space."
|
|
tag="Creative Solutions"
|
|
tagIcon={Home}
|
|
tagAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="bento-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "Zen Living Room",
|
|
price: "See Project",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg?_wi=2",
|
|
imageAlt: "Zen-inspired modern living room",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "Chic Dining Area",
|
|
price: "See Project",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199319.jpg",
|
|
imageAlt: "Chic and modern dining area",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "Elegant Nursery",
|
|
price: "See Project",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-mother-son-painting-eggs_23-2148442990.jpg",
|
|
imageAlt: "Elegant and calm nursery room",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "Urban Patio Oasis",
|
|
price: "See Project",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vacation-tourism-leisure-concept-happy-relaxed-attractive-tanned-brunette-woman-glasses-lying-hotel-lounge-zone-cafe-terrace-put-feet-coffee-table-smiling-feeling-paradise_197531-30314.jpg",
|
|
imageAlt: "Modern urban patio oasis",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "Corporate Lobby Refresh",
|
|
price: "See Project",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-students-chatting-campus_23-2149647059.jpg",
|
|
imageAlt: "Refreshed corporate lobby design",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "Boutique Retail",
|
|
price: "See Project",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150862028.jpg",
|
|
imageAlt: "Stylish boutique retail store",
|
|
},
|
|
]}
|
|
title="Our Signature Projects"
|
|
description="Discover a selection of our most captivating interior design projects, showcasing our versatility and attention to detail across various styles and settings."
|
|
tag="Inspiring Interiors"
|
|
tagIcon={Camera}
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
title: "Dream Home Brought to Life",
|
|
quote: "Elegance Interiors took my vague ideas and turned them into a stunning reality. The team was incredibly professional, creative, and made the whole process enjoyable. My home is now exactly what I dreamed of!",
|
|
name: "Sarah J.",
|
|
role: "Homeowner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
|
imageAlt: "Sarah J.",
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Beyond Expectations",
|
|
quote: "From concept to completion, Elegance Interiors exceeded all our expectations. Their attention to detail and ability to capture our style was impeccable. Highly recommend for anyone seeking top-tier design.",
|
|
name: "Michael D.",
|
|
role: "Business Owner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businesswoman-working-blue-print_23-2148187236.jpg",
|
|
imageAlt: "Michael D.",
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "Seamless & Stress-Free",
|
|
quote: "Working with Elegance Interiors was an absolute pleasure. They managed everything, making the renovation process completely stress-free. The end result is a beautifully cohesive and functional space.",
|
|
name: "Emily R.",
|
|
role: "New Apartment Owner",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-businesswoman-looking-camera-with-arms-crossed-portrait_1163-4337.jpg",
|
|
imageAlt: "Emily R.",
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "A True Artistic Vision",
|
|
quote: "The designers at Elegance Interiors possess a truly artistic vision. They brought fresh ideas and thoughtful solutions to every challenge, creating a home that feels both luxurious and uniquely ours.",
|
|
name: "David K.",
|
|
role: "Private Client",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-couple-sitting-couch-surrounded-by-boxes_273609-31637.jpg",
|
|
imageAlt: "David K.",
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Transformed My Space",
|
|
quote: "I couldn't be happier with the transformation. Elegance Interiors understood exactly what I wanted and delivered a design that not only looks incredible but also perfectly suits my lifestyle. Fantastic work!",
|
|
name: "Olivia M.",
|
|
role: "Residential Client",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-taking-photo-her-boyfriend-cellphone_23-2148151847.jpg",
|
|
imageAlt: "Olivia M.",
|
|
},
|
|
]}
|
|
title="What Our Clients Say"
|
|
description="Hear directly from homeowners and businesses who have experienced the transformative power of our interior design services."
|
|
tag="Client Success Stories"
|
|
tagIcon={Star}
|
|
tagAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Luxury Homes Co.",
|
|
"Urban Developers",
|
|
"Modern Furniture Inc.",
|
|
"Architectural Digest",
|
|
"Green Living Spaces",
|
|
"Boutique Hotels Group",
|
|
"Innovative Lighting Solutions",
|
|
"Smart Home Integrations",
|
|
]}
|
|
title="Trusted by Leading Brands and Homeowners"
|
|
description="Our commitment to excellence has earned us the trust of numerous clients, from luxury residential properties to prominent commercial establishments."
|
|
tag="Collaborators & Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
speed={50}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "What is your design process?",
|
|
content: "Our process begins with an initial consultation to understand your needs, preferences, and budget. This is followed by conceptualization, detailed design, material selection, and finally, project execution and styling.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "How long does a typical project take?",
|
|
content: "Project timelines vary depending on the scope and complexity. A small room refresh might take a few weeks, while a full home renovation could take several months. We provide a detailed timeline after the initial consultation.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Can you work with my existing furniture?",
|
|
content: "Absolutely! We specialize in blending new designs with existing pieces you love, ensuring a harmonious and personalized space that retains sentimental value.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "What are your fees?",
|
|
content: "Our fees are transparent and based on the scope of work. We offer various pricing structures, including flat fees, hourly rates, or a percentage of the project budget. This will be discussed in detail during our initial consultation.",
|
|
},
|
|
{
|
|
id: "q5",
|
|
title: "Do you offer virtual design services?",
|
|
content: "Yes, we provide comprehensive virtual design services for clients who are not local or prefer remote collaboration. This includes virtual consultations, mood boards, 2D/3D renderings, and online shopping lists.",
|
|
},
|
|
{
|
|
id: "q6",
|
|
title: "How involved will I be in the design process?",
|
|
content: "Your involvement is key to a successful project. We encourage collaboration and will keep you informed and consult you at every major decision point, ensuring the final design truly reflects your taste.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our interior design process, services, and how we can bring your vision to life."
|
|
tag="Need Help?"
|
|
tagIcon={Lightbulb}
|
|
tagAnimation="opacity"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "plain",
|
|
}}
|
|
tag="Let's Create Together"
|
|
title="Ready to Transform Your Space?"
|
|
description="Reach out to us to start your interior design journey. We're excited to hear about your project and help you bring your vision to life."
|
|
tagIcon={Feather}
|
|
tagAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/empty-photography-studio-with-retouching-software-computer-nobody-media-production-workplace-with-equipment-editing-pictures-by-professional-photographer-image-retouch-office_482257-39965.jpg"
|
|
imageAlt="Interior designer working on a project with swatches and plans"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Your Email Address"
|
|
buttonText="Send Inquiry"
|
|
termsText="By clicking Send Inquiry, you agree to our Privacy Policy."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-boards-mdf-material_23-2149418548.jpg"
|
|
imageAlt="Dynamic video of interior design concepts"
|
|
videoSrc="http://img.b2bpic.net/free-photo/chair-design-concept-reality-tablet_23-2152014657.jpg"
|
|
logoText="Elegance Interiors"
|
|
columns={[
|
|
{
|
|
title: "Services",
|
|
items: [
|
|
{
|
|
label: "Residential",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Commercial",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Renovation",
|
|
href: "#services",
|
|
},
|
|
{
|
|
label: "Virtual Design",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About Us",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Portfolio",
|
|
href: "#portfolio",
|
|
},
|
|
{
|
|
label: "Testimonials",
|
|
href: "#testimonials",
|
|
},
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Elegance Interiors | All Rights Reserved"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|