Merge version_1 into main #1
399
src/app/page.tsx
399
src/app/page.tsx
@@ -27,290 +27,137 @@ export default function LandingPage() {
|
||||
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="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",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/window-shadow-bedroom-wall_23-2148870644.jpg",
|
||||
imageAlt: "Elegantly lit living room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gold-foil-texture-background_626616-160.jpg",
|
||||
imageAlt: "Soft gold accents",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workplace-items-assortment-top-view_23-2148975808.jpg",
|
||||
imageAlt: "Premium workspace",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</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" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/window-shadow-bedroom-wall_23-2148870644.jpg", imageAlt: "Elegantly lit living room" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/gold-foil-texture-background_626616-160.jpg", imageAlt: "Soft gold accents" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/workplace-items-assortment-top-view_23-2148975808.jpg", imageAlt: "Premium workspace" }
|
||||
]}
|
||||
/>
|
||||
</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",
|
||||
"Signature Homes",
|
||||
"Precision Studio",
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="We are honored to have worked with industry leaders and discerning individuals who value true craftsmanship."
|
||||
/>
|
||||
</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", "Signature Homes", "Precision Studio"
|
||||
]}
|
||||
title="Trusted by Visionaries"
|
||||
description="We are honored to have worked with industry leaders and discerning individuals who value true craftsmanship."
|
||||
/>
|
||||
</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"
|
||||
imageAlt="Our commitment to craftsmanship"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</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"
|
||||
imageAlt="Our commitment to craftsmanship"
|
||||
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: "Curated Experiences",
|
||||
description: "Exceptional service for exclusive requirements.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-black-feather-backgrounds_23-2148114526.jpg",
|
||||
imageAlt: "Curated experience",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Tailored experiences designed for those who refuse to settle for anything less than excellence."
|
||||
/>
|
||||
</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: "Curated Experiences", description: "Exceptional service for exclusive requirements.", imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-black-feather-backgrounds_23-2148114526.jpg", imageAlt: "Curated experience" }
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Tailored experiences designed for those who refuse to settle for anything less than excellence."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
role: "Creative Director",
|
||||
testimonial: "From the first interaction, I knew this was different. Flawless execution.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Architect",
|
||||
testimonial: "Roudour doesn't just deliver a service, they deliver an experience. Simply elite.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-111768.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
role: "Founder",
|
||||
testimonial: "The quality and care provided were simply unmatched. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
role: "Director",
|
||||
testimonial: "Professional, refined, and truly premium service from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-escalator-talking-mobile-phone_107420-63601.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex T.",
|
||||
role: "Client",
|
||||
testimonial: "A rare blend of creativity and precision. I am thoroughly impressed.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg",
|
||||
},
|
||||
]}
|
||||
title="Words From Our Clients"
|
||||
description="Experience the difference through those who have chosen us."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", role: "Creative Director", testimonial: "From the first interaction, I knew this was different. Flawless execution.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-business-woman-looking-up-copy-space_1262-3088.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "Architect", testimonial: "Roudour doesn't just deliver a service, they deliver an experience. Simply elite.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-skeptical-bearded-man-grimacing-displeased-dont-like-something-standing-reluctant-against_1258-111768.jpg" },
|
||||
{ id: "3", name: "Emily R.", role: "Founder", testimonial: "The quality and care provided were simply unmatched. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-hat-sitting-box-white-wall_176420-8478.jpg" },
|
||||
{ id: "4", name: "David K.", role: "Director", testimonial: "Professional, refined, and truly premium service from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-escalator-talking-mobile-phone_107420-63601.jpg" },
|
||||
{ id: "5", name: "Alex T.", role: "Client", testimonial: "A rare blend of creativity and precision. I am thoroughly impressed.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021812.jpg" }
|
||||
]}
|
||||
title="Words From Our Clients"
|
||||
description="Experience the difference through those who have chosen us."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I start?",
|
||||
content: "Simply reach out via our contact form to schedule an initial consultation.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What makes Roudour different?",
|
||||
content: "Our commitment to uncompromising quality and a deeply personalized approach.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What industries do you serve?",
|
||||
content: "We cater to high-net-worth individuals and premium businesses globally.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers for our discerning clients."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I start?", content: "Simply reach out via our contact form to schedule an initial consultation." },
|
||||
{ id: "q2", title: "What makes Roudour different?", content: "Our commitment to uncompromising quality and a deeply personalized approach." },
|
||||
{ id: "q3", title: "What industries do you serve?", content: "We cater to high-net-worth individuals and premium businesses globally." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Clear answers for our discerning clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Begin Your Experience. Contact us today to discuss your vision."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@roudour.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Begin Your Experience. Contact us today to discuss your vision."
|
||||
buttons={[
|
||||
{ text: "Contact Us", href: "mailto:hello@roudour.com" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Enquire",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="ROUDOUR"
|
||||
copyrightText="© 2025 Roudour. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
|
||||
{ title: "Contact", items: [{ label: "Enquire", href: "#contact" }, { label: "Support", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
|
||||
]}
|
||||
logoText="ROUDOUR"
|
||||
copyrightText="© 2025 Roudour. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user