155 lines
7.5 KiB
TypeScript
155 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import { ChevronRight } from "lucide-react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-magnetic"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="ROUDOUR"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{ variant: "sparkles-gradient" }}
|
|
title="Where Excellence Becomes a Standard."
|
|
description="Roudour delivers uncompromising quality through precision, passion, and detail."
|
|
buttons={[
|
|
{ text: "Discover Our Work", href: "#services" },
|
|
{ text: "Request a Consultation", href: "#contact" }
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/white-abstract-architectural-detail-against-blue-sky_23-2148139871.jpg", imageAlt: "Luxury interior design" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-thimbles-thread_23-2148527981.jpg", imageAlt: "Handcrafted precision" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/marble-texture-background_24837-262.jpg", imageAlt: "Minimalist marble texture" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["Luxe Living", "Artisan Collective", "The Sterling Group", "Modern Heritage", "Elite Designs"]}
|
|
title="Trusted by Visionaries"
|
|
description="We are honored to have worked with industry leaders and discerning individuals."
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="True luxury lies in the details."
|
|
description="At Roudour, we believe every interaction is an opportunity for perfection. We bring quiet confidence and unmatched precision to everything we do."
|
|
bulletPoints={[
|
|
{ title: "Precision", description: "Every detail measured to perfection." },
|
|
{ title: "Authenticity", description: "Crafted with true intent and purpose." },
|
|
{ title: "Trust", description: "Building relationships that last a lifetime." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/technological-piece-background_23-2148882601.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardEight
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Bespoke Design", description: "Customized solutions shaped to your unique vision.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dark-square-plates-with-empty-cup-dark-surface-cutlery-restaurant-lunch-color-coffee-plate-tea-drink_179666-19752.jpg", imageAlt: "Bespoke design" },
|
|
{ title: "Premium Consultation", description: "Strategic guidance for high-end investments.", imageSrc: "http://img.b2bpic.net/free-photo/master-working-with-metallic-equipments_114579-12213.jpg", imageAlt: "Consultation service" }
|
|
]}
|
|
title="Our Signature Services"
|
|
description="Tailored experiences for those who refuse to settle."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
title="Client Perspectives"
|
|
description="Refined elegance validated by our partners."
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Flawless execution from start to finish. Truly elite standards." },
|
|
{ id: "2", name: "Michael C.", handle: "@michaelc", testimonial: "An unmatched experience. Highly recommended for any visionary project." }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqsAnimation="blur-reveal"
|
|
title="Frequently Asked Questions"
|
|
description="Clear answers for our discerning clients."
|
|
faqs={[
|
|
{ id: "q1", title: "How do I start?", content: "Reach out via our contact form to schedule an initial consultation." },
|
|
{ id: "q2", title: "What defines our aesthetic?", content: "Quiet confidence, authentic craftsmanship, and uncompromising detail." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/gold-foil-texture-background_626616-160.jpg?_wi=1"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Inquire"
|
|
title="Begin Your Experience"
|
|
description="Contact us today to discuss your vision."
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/window-shadow-bedroom-wall_23-2148870644.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
logoText="ROUDOUR"
|
|
imageSrc="http://img.b2bpic.net/free-photo/gold-foil-texture-background_626616-160.jpg?_wi=2"
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "Home", href: "#hero" }, { label: "About", href: "#about" }] },
|
|
{ title: "Services", items: [{ label: "Consulting", href: "#services" }, { label: "Design", href: "#services" }] },
|
|
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
|
]}
|
|
copyrightText="© 2025 Roudour. All Rights Reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |