Merge version_2 into main #1
367
src/app/page.tsx
367
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import { Home, Layout, Palette } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -30,364 +30,111 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Aura Interiors"
|
||||
button={{ text: "Book Consultation", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Aura Interiors"
|
||||
description="Where refined aesthetics meet soul-soothing spaces. Aura Interiors transforms houses into homes through thoughtful, elegant design."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Portfolio",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-chandelier-couch-with-number-pillows-large-chandelier_188544-27064.jpg",
|
||||
imageAlt: "Luxurious living space",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illuminated-minaret-highlights-ancient-arabic-elegance-spirituality-generated-by-ai_188544-11100.jpg",
|
||||
imageAlt: "Cozy bedroom interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-swhite-shirt-putting-plates-table_259150-59712.jpg",
|
||||
imageAlt: "Modern dining room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-home_23-2150378986.jpg",
|
||||
imageAlt: "Elegant home office",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-making-dish-with-figs-home-kitchen_23-2150304390.jpg",
|
||||
imageAlt: "Minimalist kitchen design",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-writing-her-journal_23-2150416349.jpg",
|
||||
imageAlt: "Architectural home interior",
|
||||
},
|
||||
<HeroBillboardGallery
|
||||
title="Crafting Timeless Spaces"
|
||||
description="Where refined aesthetics meet soul-soothing spaces. Aura Interiors transforms houses into homes."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Explore", href: "#portfolio" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/living-room-with-chandelier-couch-with-number-pillows-large-chandelier_188544-27064.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/illuminated-minaret-highlights-ancient-arabic-elegance-spirituality-generated-by-ai_188544-11100.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-woman-swhite-shirt-putting-plates-table_259150-59712.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Crafting Timeless Spaces"
|
||||
description="At Aura Interiors, we believe your environment is a reflection of your story. Our design experts curate spaces that balance harmony, utility, and refined beauty, ensuring every detail tells a story."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "200+",
|
||||
title: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Client Satisfaction",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/colleagues-smiling-speaking-discussing-drawings-new-ideas-office_176420-1684.jpg"
|
||||
imageAlt="Aura Interiors studio workspace"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
heading={[{ type: "text", content: "Design Excellence Redefined" }]}
|
||||
buttons={[{ text: "Learn More" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Home,
|
||||
title: "Residential Design",
|
||||
description: "Tailored concepts for private homes that resonate with your personal lifestyle.",
|
||||
},
|
||||
{
|
||||
icon: Layout,
|
||||
title: "Space Planning",
|
||||
description: "Expert architectural and structural planning for optimal flow and functionality.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Custom Furnishings",
|
||||
description: "Curated selection and custom design of luxury furniture pieces.",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Design Solutions"
|
||||
description="From conceptual planning to final styling, we provide end-to-end design solutions to create perfect living environments."
|
||||
title="Design Approach"
|
||||
negativeCard={{ items: ["Generic Solutions", "Cookie-cutter plans"] }}
|
||||
positiveCard={{ items: ["Tailored Concepts", "Holistic Planning"] }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Serene Living",
|
||||
price: "Custom Project",
|
||||
variant: "Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-composition_23-2149090616.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Cozy Bedroom",
|
||||
price: "Custom Project",
|
||||
variant: "Bedroom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-eyeglasses-black-silk-jumpsuit-sits-soft-brown-sofa-work-laptop-f_197531-33646.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Modern Dining",
|
||||
price: "Custom Project",
|
||||
variant: "Dining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-arrangement_23-2148893942.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Executive Study",
|
||||
price: "Custom Project",
|
||||
variant: "Study",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-laptop-natural-light_23-2151985089.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Kitchen",
|
||||
price: "Custom Project",
|
||||
variant: "Kitchen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346492.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Art Gallery",
|
||||
price: "Custom Project",
|
||||
variant: "Hallway",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349205.jpg",
|
||||
},
|
||||
]}
|
||||
title="Selected Works"
|
||||
description="Explore our recent interior transformations that define contemporary elegance and refined living."
|
||||
products={[
|
||||
{ id: "p1", name: "Serene Living", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/home-plant-vase-decoration-composition_23-2149090616.jpg" },
|
||||
{ id: "p2", name: "Modern Office", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/modern-home-office-with-laptop-natural-light_23-2151985089.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
names={["Luxe Living", "Urban Craft", "Elite Homes"]}
|
||||
title="Trusted Partners"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Luxe Living",
|
||||
"Urban Craft",
|
||||
"Elite Homes",
|
||||
"Artisan Wood",
|
||||
"Modern Elements",
|
||||
"Design Haven",
|
||||
"Premium Studio",
|
||||
]}
|
||||
title="Trusted Partnerships"
|
||||
description="We collaborate with the finest luxury furniture manufacturers and artisans worldwide to bring our vision to life."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Client Stories"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Aura Interiors exceeded all expectations. Our home feels truly aligned with our personal style now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Wilson",
|
||||
handle: "@markw",
|
||||
testimonial: "The attention to detail and professional space planning made all the difference in our renovation.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151099260.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "@elena_r",
|
||||
testimonial: "Truly elegant concepts. I couldn't be happier with the atmosphere created in our dining and living areas.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-handyman-hammering-nail-female-homeowner-giving-instructions_1098-17849.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Thorne",
|
||||
handle: "@dthorne",
|
||||
testimonial: "Professional, creative, and highly attentive to our needs. A seamless process from concept to completion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-standing-kitchen_23-2148311801.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Chloe Bennett",
|
||||
handle: "@chloeb",
|
||||
testimonial: "They captured the essence of what I wanted in my home perfectly. A luxury experience indeed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-writing-paper-pinned-corkboard-talking-phone-smiling_176420-6478.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Julian Moore",
|
||||
handle: "@julianm",
|
||||
testimonial: "Sophisticated design work that makes every corner of our home functional and beautiful.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-focused-artist_23-2148372074.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", role: "Client", company: "", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/resting-smiling-young-woman-sitting-home-sofa_259150-59716.jpg" }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Experiences"
|
||||
description="What our clients say about their journey to transformed homes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long does a typical project take?",
|
||||
content: "Depending on scope, residential projects typically range from 3 to 6 months including conceptual design and final styling.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer consultations?",
|
||||
content: "Yes, we offer an initial consultation to discuss your vision, lifestyle requirements, and design preferences.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you work with existing furniture?",
|
||||
content: "Certainly, we love integrating existing pieces that hold sentimental value into the new design narrative.",
|
||||
},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about working with Aura Interiors for your next project."
|
||||
<FaqDouble
|
||||
faqs={[{ id: "f1", title: "How long?", content: "3-6 months." }]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
title="Questions?"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Start Your Journey"
|
||||
title="Ready to transform your home?"
|
||||
description="Get in touch with our design studio today for an initial consultation and start bringing your dream interior to life."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
<ContactCenter
|
||||
tag="Connect"
|
||||
title="Get in touch"
|
||||
description="Let's start your project."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Studio",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#portfolio",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Pinterest",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Email",
|
||||
href: "mailto:hello@aurainteriors.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterBaseCard
|
||||
logoText="Aura Interiors"
|
||||
copyrightText="© 2025 Aura Interiors | All Rights Reserved"
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user