398 lines
12 KiB
TypeScript
398 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
import { Award, Shield, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="medium"
|
|
background="blurBottom"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Services",
|
|
id: "services",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="Sammy"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Elevating Excellence Beyond Expectations."
|
|
description="Luxury experiences, premium service, and innovation crafted for the truly exceptional."
|
|
testimonials={[
|
|
{
|
|
name: "Sarah J.",
|
|
handle: "@sarahj",
|
|
testimonial: "An experience truly beyond compare.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-backlights-modern-orange-car_181624-33071.jpg?_wi=1",
|
|
imageAlt: "luxury automotive lifestyle photography",
|
|
},
|
|
{
|
|
name: "Marcus V.",
|
|
handle: "@marcusv",
|
|
testimonial: "Exceptional service and total precision.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg?_wi=1",
|
|
imageAlt: "luxury automotive lifestyle photography",
|
|
},
|
|
{
|
|
name: "Elena R.",
|
|
handle: "@elenar",
|
|
testimonial: "The gold standard in luxury consulting.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11245.jpg?_wi=1",
|
|
imageAlt: "luxury automotive lifestyle photography",
|
|
},
|
|
{
|
|
name: "James B.",
|
|
handle: "@jamesb",
|
|
testimonial: "Seamless execution every single time.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg?_wi=1",
|
|
imageAlt: "luxury automotive lifestyle photography",
|
|
},
|
|
{
|
|
name: "Liam T.",
|
|
handle: "@liamt",
|
|
testimonial: "Sophisticated solutions for complex needs.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg?_wi=1",
|
|
imageAlt: "luxury automotive lifestyle photography",
|
|
},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Get Started",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Learn More",
|
|
href: "#about",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-backlights-modern-orange-car_181624-33071.jpg?_wi=2"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9247.jpg",
|
|
alt: "Executive profile 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001256.jpg",
|
|
alt: "Executive profile 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-7158.jpg",
|
|
alt: "Executive profile 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001297.jpg",
|
|
alt: "Executive profile 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg",
|
|
alt: "Executive profile 5",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "UNPARALLELED",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "PREMIUM",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "EXCLUSIVITY",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "PRECISION",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "INNOVATION",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextAbout
|
|
useInvertedBackground={false}
|
|
title="Built on Vision, Precision, and Elevated Standards."
|
|
buttons={[
|
|
{
|
|
text: "Book Consultation",
|
|
href: "#contact",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureHoverPattern
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: Sparkles,
|
|
title: "Premium Consulting",
|
|
description: "Expert guidance for modern business strategy.",
|
|
},
|
|
{
|
|
icon: Shield,
|
|
title: "VIP Membership",
|
|
description: "Exclusive access to curated luxury events.",
|
|
},
|
|
{
|
|
icon: Award,
|
|
title: "Exclusive Access",
|
|
description: "Privileged entry into curated high-end networks.",
|
|
},
|
|
{
|
|
icon: Zap,
|
|
title: "Bespoke Solutions",
|
|
description: "Tailored strategies for your unique lifestyle.",
|
|
},
|
|
]}
|
|
title="Bespoke Solutions for the Exceptional."
|
|
description="We deliver curated experiences that redefine premium service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
handle: "@sarah",
|
|
testimonial: "Unparalleled luxury in every interaction.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Marcus Chen",
|
|
handle: "@marcus",
|
|
testimonial: "The precision they bring is unmatched.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-suit_1303-11245.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Elena Rodriguez",
|
|
handle: "@elena",
|
|
testimonial: "Elevated my lifestyle expectations.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
handle: "@david",
|
|
testimonial: "Professional, seamless, and exclusive.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Sophia Lee",
|
|
handle: "@sophia",
|
|
testimonial: "A truly gold-standard consulting experience.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-smartphone_23-2149356775.jpg",
|
|
},
|
|
]}
|
|
showRating={true}
|
|
title="Voices of the Exceptional"
|
|
description="What our clients say about the Sammy standard."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "10K+",
|
|
title: "Clients Served",
|
|
items: [
|
|
"Global Reach",
|
|
"Verified Success",
|
|
],
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "98%",
|
|
title: "Satisfaction Rate",
|
|
items: [
|
|
"Customer Loyalty",
|
|
"Elite Standards",
|
|
],
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "15+",
|
|
title: "Years Experience",
|
|
items: [
|
|
"Proven Legacy",
|
|
"Industry Leadership",
|
|
],
|
|
},
|
|
]}
|
|
title="Global Excellence by the Numbers."
|
|
description="Proven success across every industry we serve."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "How can I get started?",
|
|
content: "Schedule your private consultation via our contact form.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "What does membership include?",
|
|
content: "Full access to our concierge and consultancy tiers.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Do you serve international clients?",
|
|
content: "Yes, we operate across all major global markets.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "Is my information confidential?",
|
|
content: "Absolute discretion is at the core of Sammy's promise.",
|
|
},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Answers to your inquiries regarding our bespoke service model."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
text="Ready to experience the exceptional? Start your journey with Sammy today."
|
|
buttons={[
|
|
{
|
|
text: "Contact Us",
|
|
href: "#",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/glass-window_1127-2035.jpg"
|
|
logoText="Sammy"
|
|
columns={[
|
|
{
|
|
title: "Company",
|
|
items: [
|
|
{
|
|
label: "About",
|
|
href: "#about",
|
|
},
|
|
{
|
|
label: "Services",
|
|
href: "#services",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{
|
|
label: "Contact",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
label: "FAQ",
|
|
href: "#faq",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legal",
|
|
items: [
|
|
{
|
|
label: "Privacy Policy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Terms of Service",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|