338 lines
20 KiB
TypeScript
338 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Edit, Feather, Grid, Home, Lightbulb, Palette, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="largeSmall"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "home"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Services", id: "services"},
|
|
{
|
|
name: "Portfolio", id: "portfolio"},
|
|
{
|
|
name: "Testimonials", id: "testimonials"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Home Aesthetics"
|
|
button={{
|
|
text: "Get a Quote", href: "#contact"}}
|
|
animateOnLoad={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
title="Crafting Your Dream Home, One Design at a Time"
|
|
description="Transform your living space into a masterpiece of comfort and style. Our expert designers bring your vision to life with personalized solutions and meticulous attention to detail."
|
|
testimonials={[
|
|
{
|
|
name: "Alex Johnson", handle: "@alexj", testimonial: "Home Aesthetics transformed my living room into a serene oasis! Their team truly understood my style and delivered beyond expectations. Highly recommend!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/confident-successful-middle-aged-business-leader_1262-4872.jpg"},
|
|
{
|
|
name: "Sarah Miller", handle: "@sarah_m", testimonial: "From concept to completion, the process was seamless. The attention to detail and creative solutions provided a home that feels uniquely mine.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-with-hands-head_1262-2009.jpg"},
|
|
{
|
|
name: "David Lee", handle: "@davidl", testimonial: "Our kitchen remodel by Home Aesthetics is stunning! It's both beautiful and incredibly functional. Best investment we've made in our home.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg"},
|
|
{
|
|
name: "Emily Chen", handle: "@emilyc", testimonial: "Professional, innovative, and a pleasure to work with. Home Aesthetics made my apartment feel like a luxury retreat.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-technology-close-up-shot-happy-face-attractive-bearded-man-sitting-front-laptop-screen-smiling-joyfully-while-messaging-friends-online-via-social-networks_273609-6655.jpg"},
|
|
{
|
|
name: "Robert Green", handle: "@robertg", testimonial: "The interior design guidance was invaluable. They captured my aesthetic perfectly and elevated every room.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg"},
|
|
]}
|
|
testimonialRotationInterval={5000}
|
|
tag="Elevate Your Space"
|
|
tagIcon={Sparkles}
|
|
buttons={[
|
|
{
|
|
text: "Explore Our Portfolio", href: "#portfolio"},
|
|
{
|
|
text: "Schedule a Consultation", href: "#contact"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-cartoon-style-character_23-2151034128.jpg", alt: "Client 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/shocked-male-entrepreneur-suit-looking-aside-logo-with-startled-face-standing-white-backgro_1258-173549.jpg", alt: "Client 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-smiling-confident-standing-park_839833-27191.jpg", alt: "Client 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "Client 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/3d-portrait-woman_23-2150793881.jpg", alt: "Happy client"},
|
|
]}
|
|
avatarText="Trusted by hundreds of homeowners"
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150927813.jpg"
|
|
imageAlt="Luxurious modern living room interior design"
|
|
mediaAnimation="slide-up"
|
|
marqueeItems={[
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-cozy-bed-arrangement-with-notebook_23-2150326105.jpg", alt: "Modern bedroom design"},
|
|
{
|
|
type: "text", text: "Elegant Spaces"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/young-woman-with-book-relaxing-near-wall_23-2147888767.jpg", alt: "Stylish living area"},
|
|
{
|
|
type: "text-icon", text: "Innovative Designs", icon: Lightbulb,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/tasty-breakfast-bed-high-angle_23-2148877603.jpg", alt: "Cozy reading nook"},
|
|
{
|
|
type: "text", text: "Personalized Comfort"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/cup-coffee-jug-bed_23-2147693745.jpg", alt: "Minimalist kitchen"},
|
|
{
|
|
type: "text-icon", text: "Functional Beauty", icon: Edit,
|
|
},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", alt: "Home office setup"},
|
|
]}
|
|
showMarqueeCard={true}
|
|
marqueeSpeed={40}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="Our Philosophy: Design with Passion and Precision"
|
|
description={[
|
|
"At Home Aesthetics, we believe that your home should be a reflection of your unique personality and lifestyle. Our approach combines innovative design concepts with practical functionality to create spaces that are not only beautiful but also perfectly suited to your needs.", "With years of experience in interior design and home staging, our dedicated team works closely with each client, ensuring every detail is meticulously planned and executed. We're committed to delivering exceptional results that exceed your expectations and inspire joy in your everyday living."]}
|
|
showBorder={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Grid,
|
|
title: "Space Planning & Layout", description: "Optimizing floor plans for flow, functionality, and aesthetic appeal, ensuring every inch serves a purpose."},
|
|
{
|
|
icon: Palette,
|
|
title: "Color & Material Selection", description: "Curating the perfect palette and selecting premium materials that evoke comfort and sophistication."},
|
|
{
|
|
icon: Home,
|
|
title: "Furniture & Decor Sourcing", description: "Finding bespoke furniture, art, and accessories that complement your style and enhance your home's character."},
|
|
{
|
|
icon: Lightbulb,
|
|
title: "Lighting Design", description: "Crafting ambient, task, and accent lighting plans to create mood and highlight architectural features."},
|
|
{
|
|
icon: Feather,
|
|
title: "Custom Millwork & Cabinetry", description: "Designing unique built-ins and custom cabinetry that maximize space and add a touch of luxury."},
|
|
{
|
|
icon: Edit,
|
|
title: "Renovation Project Management", description: "Overseeing every aspect of your renovation, ensuring a smooth process and flawless execution."},
|
|
]}
|
|
title="Our Signature Home Design Services"
|
|
description="From conceptualization to the final touches, we offer a comprehensive suite of services to bring your dream home to life."
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Modern Urban Kitchen", price: "Project Cost: Inquire", imageSrc: "http://img.b2bpic.net/free-photo/men-women-working-office_23-2147668762.jpg", imageAlt: "Sleek modern kitchen with island"},
|
|
{
|
|
id: "p2", name: "Luxurious Master Bathroom", price: "Project Cost: Inquire", imageSrc: "http://img.b2bpic.net/free-photo/backlit-mirror-minimalist-sink-spa-bathroom_169016-68891.jpg", imageAlt: "Elegant bathroom with freestanding tub"},
|
|
{
|
|
id: "p3", name: "Cozy Living Room Retreat", price: "Project Cost: Inquire", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-laying-bed-together_52683-91908.jpg", imageAlt: "Comfortable living room with modern fireplace"},
|
|
{
|
|
id: "p4", name: "Serene Bedroom Sanctuary", price: "Project Cost: Inquire", imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg", imageAlt: "Peaceful bedroom with minimalist decor"},
|
|
{
|
|
id: "p5", name: "Functional Home Office", price: "Project Cost: Inquire", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-plant-illustration_23-2151931358.jpg", imageAlt: "Productive and stylish home office"},
|
|
{
|
|
id: "p6", name: "Chic Outdoor Lounge", price: "Project Cost: Inquire", imageSrc: "http://img.b2bpic.net/free-photo/pillow-sofa_74190-3597.jpg", imageAlt: "Modern outdoor patio with comfortable seating"},
|
|
]}
|
|
title="Inspiring Designs: Our Recent Projects"
|
|
description="Explore our curated portfolio showcasing diverse styles and innovative solutions for every room."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "150+", title: "Projects Completed", items: [
|
|
"Residential", "Commercial", "Renovations"],
|
|
},
|
|
{
|
|
id: "m2", value: "98%", title: "Client Satisfaction", items: [
|
|
"Positive Feedback", "Referral Rate"],
|
|
},
|
|
{
|
|
id: "m3", value: "10+", title: "Years of Expertise", items: [
|
|
"Industry Experience", "Award-Winning"],
|
|
},
|
|
]}
|
|
title="Our Impact: By the Numbers"
|
|
description="Our commitment to excellence is reflected in every project and every satisfied client."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Olivia Wilson", handle: "Homeowner", testimonial: "Working with Home Aesthetics was an absolute pleasure. They transformed our outdated living room into a bright, modern, and inviting space. The team was professional, creative, and attentive to every detail. We couldn't be happier with the results!", imageSrc: "http://img.b2bpic.net/free-photo/view-young-charming-woman-sitting-cafe_197531-33579.jpg"},
|
|
{
|
|
id: "t2", name: "Daniel Carter", handle: "Entrepreneur", testimonial: "I needed a functional yet stylish home office, and Home Aesthetics delivered beyond my expectations. The design perfectly blends comfort and productivity. Their expertise in maximizing small spaces is truly impressive.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-freelance-worker-looking-away-while-standing-office_637285-2746.jpg"},
|
|
{
|
|
id: "t3", name: "Sophia Rodriguez", handle: "Family Matriarch", testimonial: "Our family home finally feels cohesive and beautiful, thanks to Home Aesthetics. They listened to our needs and created spaces that are both elegant and practical for a busy family. The kids even love their new rooms!", imageSrc: "http://img.b2bpic.net/free-photo/smiley-blogger-pointing-up_23-2148538863.jpg"},
|
|
{
|
|
id: "t4", name: "Ethan Thompson", handle: "Property Developer", testimonial: "As a property developer, I appreciate precision and timely execution. Home Aesthetics not only met but exceeded these standards for a recent staging project. Their designs elevated the property's appeal significantly.", imageSrc: "http://img.b2bpic.net/free-photo/serious-young-male-stands-house-design-sketch-ready-renovation_273609-36985.jpg"},
|
|
{
|
|
id: "t5", name: "Ava Martinez", handle: "Freelancer", testimonial: "My apartment felt cramped before Home Aesthetics stepped in. They brought fresh ideas and clever storage solutions that made my small space feel expansive and luxurious. It's a joy to come home every day.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-corporate-employee-medium-shot_23-2148352556.jpg"},
|
|
{
|
|
id: "t6", name: "Noah Brown", handle: "Artist", testimonial: "Home Aesthetics helped me create a studio space that fosters creativity and calm. They understood my artistic vision and translated it into a functional and inspiring environment. Truly talented designers!", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-successful-man-with-stylish-hair-dressed-modern-elegant-clothes-holds-cup-coffee-while-sitting-sofa-outdoor-cafe-against-background-city-wharf_613910-4560.jpg"},
|
|
]}
|
|
title="What Our Clients Say About Us"
|
|
description="Hear directly from homeowners who have experienced the Home Aesthetics difference."
|
|
speed={60}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "What is your design process like?", content: "Our process begins with an initial consultation to understand your vision, needs, and budget. This is followed by conceptual design, detailed planning, material selection, and finally, project execution and styling."},
|
|
{
|
|
id: "faq2", title: "How long does a typical design project take?", content: "The timeline varies greatly depending on the scope and complexity of the project. A single room refresh might take a few weeks, while a full home renovation could take several months. We'll provide a detailed timeline after the initial consultation."},
|
|
{
|
|
id: "faq3", title: "Do you work with clients remotely?", content: "Yes, we offer both in-person and remote design services. Our virtual consultations and digital design presentations make it easy to work with clients regardless of their location, ensuring a seamless experience."},
|
|
{
|
|
id: "faq4", title: "What is included in a design consultation?", content: "During a consultation, we discuss your design goals, preferences, and lifestyle. We'll offer initial ideas, assess your space, and outline how our services can best meet your needs. It's a great way to start building your dream home!"},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find answers to common questions about our design process, services, and how we work."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Let's Create Your Perfect Space"
|
|
description="Ready to transform your home? Reach out to us today to schedule your consultation and discuss your next design project."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Your Phone (optional)"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Tell us about your project...", rows: 4,
|
|
required: true,
|
|
}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-tablet-drafting-tools-blueprint_23-2147785553.jpg"
|
|
imageAlt="Interior designer sketching a home layout"
|
|
mediaPosition="right"
|
|
buttonText="Send Message"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{
|
|
label: "Space Planning", href: "#services"},
|
|
{
|
|
label: "Color Consultation", href: "#services"},
|
|
{
|
|
label: "Furniture Sourcing", href: "#services"},
|
|
{
|
|
label: "Renovations", href: "#services"},
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Portfolio", href: "#portfolio"},
|
|
{
|
|
label: "Testimonials", href: "#testimonials"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "Book a Call", href: "#contact"},
|
|
{
|
|
label: "Instagram", href: "https://instagram.com"},
|
|
{
|
|
label: "Pinterest", href: "https://pinterest.com"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Home Aesthetics"
|
|
copyrightText="© 2024 Home Aesthetics. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |