Merge version_1 into main #2
427
src/app/page.tsx
427
src/app/page.tsx
@@ -26,311 +26,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kader"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kader"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unrivaled Excellence, Curated for You."
|
||||
description="Experience the pinnacle of luxury and bespoke service. Kader redefines your expectations, delivering results that command attention."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@marcus",
|
||||
testimonial: "Kader is pure luxury. Transformed everything.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192264.jpg?_wi=1",
|
||||
imageAlt: "luxury dark background minimalist",
|
||||
},
|
||||
{
|
||||
name: "Elena S.",
|
||||
handle: "@elena",
|
||||
testimonial: "Professional, elegant, and effective.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg?_wi=1",
|
||||
imageAlt: "professional luxury portrait dark",
|
||||
},
|
||||
{
|
||||
name: "Julian T.",
|
||||
handle: "@julian",
|
||||
testimonial: "The best investment I've made all year.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-pen-signing-invisible-screen_53876-105188.jpg?_wi=1",
|
||||
imageAlt: "abstract luxury gold icon",
|
||||
},
|
||||
{
|
||||
name: "Sarah L.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Truly a premium service experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sitting-bar_23-2149220948.jpg?_wi=1",
|
||||
imageAlt: "high quality results dark",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@david",
|
||||
testimonial: "Exceeded all expectations. Simply perfect.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22674.jpg?_wi=1",
|
||||
imageAlt: "client satisfaction concept dark",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Experience",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192264.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 500+ elite professionals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "EXCLUSIVITY",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PRECISION",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "DISCRETION",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "PREMIUM",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "BESPOKE",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unrivaled Excellence, Curated for You."
|
||||
description="Experience the pinnacle of luxury and bespoke service. Kader redefines your expectations, delivering results that command attention."
|
||||
testimonials={[
|
||||
{ name: "Marcus V.", handle: "@marcus", testimonial: "Kader is pure luxury. Transformed everything.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192264.jpg", imageAlt: "luxury dark background minimalist" },
|
||||
{ name: "Elena S.", handle: "@elena", testimonial: "Professional, elegant, and effective.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg", imageAlt: "professional luxury portrait dark" },
|
||||
{ name: "Julian T.", handle: "@julian", testimonial: "The best investment I've made all year.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-pen-signing-invisible-screen_53876-105188.jpg", imageAlt: "abstract luxury gold icon" },
|
||||
{ name: "Sarah L.", handle: "@sarah", testimonial: "Truly a premium service experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sitting-bar_23-2149220948.jpg", imageAlt: "high quality results dark" },
|
||||
{ name: "David W.", handle: "@david", testimonial: "Exceeded all expectations. Simply perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22674.jpg", imageAlt: "client satisfaction concept dark" }
|
||||
]}
|
||||
buttons={[{ text: "Book Your Experience", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192264.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 500+ elite professionals"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "EXCLUSIVITY" },
|
||||
{ type: "text", text: "PRECISION" },
|
||||
{ type: "text", text: "DISCRETION" },
|
||||
{ type: "text", text: "PREMIUM" },
|
||||
{ type: "text", text: "BESPOKE" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Kader Standard"
|
||||
description="We don't just provide service; we craft experiences. Kader is built on a foundation of precision, exclusivity, and unwavering commitment to excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="The Kader Standard"
|
||||
description="We don't just provide service; we craft experiences. Kader is built on a foundation of precision, exclusivity, and unwavering commitment to excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bespoke Solutions",
|
||||
description: "Tailored strategies for your unique needs.",
|
||||
tag: "Elite",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-pen-signing-invisible-screen_53876-105188.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Unmatched Precision",
|
||||
description: "Every detail handled with expert care.",
|
||||
tag: "Precise",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sitting-bar_23-2149220948.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Exclusivity Guaranteed",
|
||||
description: "Privacy and quality at the forefront.",
|
||||
tag: "Private",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22674.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Kader"
|
||||
description="Everything we do is designed to elevate your standard."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Bespoke Solutions", description: "Tailored strategies for your unique needs.", tag: "Elite", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-pen-signing-invisible-screen_53876-105188.jpg" },
|
||||
{ id: "f2", title: "Unmatched Precision", description: "Every detail handled with expert care.", tag: "Precise", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-sitting-bar_23-2149220948.jpg" },
|
||||
{ id: "f3", title: "Exclusivity Guaranteed", description: "Privacy and quality at the forefront.", tag: "Private", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-working-computer-office_1303-22674.jpg" }
|
||||
]}
|
||||
title="Why Choose Kader"
|
||||
description="Everything we do is designed to elevate your standard."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus V.",
|
||||
role: "CEO",
|
||||
testimonial: "Luxury redefined. Kader is the gold standard.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Elena S.",
|
||||
role: "Director",
|
||||
testimonial: "Unparalleled professionalism and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julian T.",
|
||||
role: "Founder",
|
||||
testimonial: "Every interaction felt like an investment.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sarah L.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "Sophisticated, effective, and elegant.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David W.",
|
||||
role: "Investor",
|
||||
testimonial: "The best decision I've made this year.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
|
||||
},
|
||||
]}
|
||||
title="The Kader Reputation"
|
||||
description="Don't take our word for it—listen to our clients."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
textboxLayout="split"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marcus V.", role: "CEO", testimonial: "Luxury redefined. Kader is the gold standard.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg" },
|
||||
{ id: "t2", name: "Elena S.", role: "Director", testimonial: "Unparalleled professionalism and style.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg" },
|
||||
{ id: "t3", name: "Julian T.", role: "Founder", testimonial: "Every interaction felt like an investment.", imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_74855-1573.jpg" },
|
||||
{ id: "t4", name: "Sarah L.", role: "Entrepreneur", testimonial: "Sophisticated, effective, and elegant.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg" },
|
||||
{ id: "t5", name: "David W.", role: "Investor", testimonial: "The best decision I've made this year.", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg" }
|
||||
]}
|
||||
title="The Kader Reputation"
|
||||
description="Don't take our word for it—listen to our clients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I get started?",
|
||||
content: "Simply fill out our contact form and our concierge will reach out within 24 hours.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is my privacy guaranteed?",
|
||||
content: "Absolutely. Exclusivity and discretion are the core of our business model.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request custom services?",
|
||||
content: "Yes, all our services are bespoke to meet the unique needs of our elite clients.",
|
||||
},
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Information you need to start your Kader journey."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg?_wi=3"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How do I get started?", content: "Simply fill out our contact form and our concierge will reach out within 24 hours." },
|
||||
{ id: "q2", title: "Is my privacy guaranteed?", content: "Absolutely. Exclusivity and discretion are the core of our business model." },
|
||||
{ id: "q3", title: "Can I request custom services?", content: "Yes, all our services are bespoke to meet the unique needs of our elite clients." }
|
||||
]}
|
||||
title="Common Inquiries"
|
||||
description="Information you need to start your Kader journey."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Begin Your Journey"
|
||||
description="Secure your place with Kader today. Contact us for private consultation inquiries."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Full Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797655.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Begin Your Journey"
|
||||
description="Secure your place with Kader today. Contact us for private consultation inquiries."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797655.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kader"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Kader"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user