211 lines
11 KiB
TypeScript
211 lines
11 KiB
TypeScript
"use client";
|
|
|
|
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 FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import { Award, Shield, Sparkles } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "Philosophy", id: "about" },
|
|
{ name: "Showcase", id: "product" },
|
|
{ name: "Testimonials", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="sss"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroCentered
|
|
background={{ variant: "radial-gradient" }}
|
|
title="Redefining Excellence"
|
|
description="Experience the epitome of luxury and craftsmanship tailored for the elite. Your journey towards unmatched distinction begins here."
|
|
avatars={[
|
|
{ src: "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", alt: "Client" },
|
|
{ src: "http://img.b2bpic.net/free-photo/man-black-suit-holding-hand-his-forehead_23-2148401453.jpg", alt: "Client" },
|
|
{ src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-posing_23-2148452676.jpg", alt: "Client" },
|
|
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-sitting-couch_23-2148415931.jpg", alt: "Client" },
|
|
{ src: "http://img.b2bpic.net/free-photo/woman-window-reading_23-2148415947.jpg", alt: "Client" },
|
|
]}
|
|
buttons={[{ text: "Experience the Collection", href: "#product" }]}
|
|
marqueeItems={[
|
|
{ type: "text", text: "Craftsmanship" },
|
|
{ type: "text", text: "Exclusivity" },
|
|
{ type: "text", text: "Distinction" },
|
|
{ type: "text", text: "Legacy" },
|
|
{ type: "text", text: "Innovation" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={false}
|
|
title="Our Philosophy"
|
|
description={[
|
|
"Every masterpiece we create is a testament to the pursuit of perfection.", "Built on a foundation of exclusivity, our brand exists to define the new standard of lifestyle for those who settle for nothing less than extraordinary."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="product" data-section="product">
|
|
<ProductCardFour
|
|
textboxLayout="default"
|
|
gridVariant="asymmetric-60-wide-40-narrow"
|
|
useInvertedBackground={false}
|
|
animationType="blur-reveal"
|
|
products={[
|
|
{ id: "p1", name: "Signature Piece I", price: "Price on Request", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg" },
|
|
{ id: "p2", name: "Signature Piece II", price: "Price on Request", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292796.jpg" },
|
|
{ id: "p3", name: "Signature Piece III", price: "Price on Request", variant: "Obsidian", imageSrc: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263175.jpg" },
|
|
{ id: "p4", name: "Signature Piece IV", price: "Price on Request", variant: "Champagne", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe-looking-camera_23-2147775895.jpg" },
|
|
{ id: "p5", name: "Signature Piece V", price: "Price on Request", variant: "Linen", imageSrc: "http://img.b2bpic.net/free-photo/make-up-product-light_52683-105035.jpg" },
|
|
{ id: "p6", name: "Signature Piece VI", price: "Price on Request", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-woman-looking-away_23-2148452666.jpg" },
|
|
]}
|
|
title="The Collection"
|
|
description="Discover our signature flagship offerings, curated for the refined sensibility."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFive
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Bespoke Craftsmanship", description: "Every detail reflects the dedication to timeless artistry.", icon: Shield,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-with-canvas-brush-marble-high-quality-photo_114579-63504.jpg", imageAlt: "Detail" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/older-woman-carries-trolley-bags_482257-81657.jpg", imageAlt: "Detail" },
|
|
]
|
|
},
|
|
{
|
|
title: "Privileged Access", description: "Enjoy the benefits reserved for our discerning clientele.", icon: Award,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/wooden-box-with-chocolate-leaf_23-2147658677.jpg", imageAlt: "Detail" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/monochrome-portrait-retro-man-doing-housework-household-chores_23-2151448447.jpg", imageAlt: "Detail" },
|
|
]
|
|
},
|
|
{
|
|
title: "Timeless Elegance", description: "Designs that transcend temporary trends.", icon: Sparkles,
|
|
mediaItems: [
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/seductive-lady-pink-silk-robe-holds-champagne-flute_8353-90.jpg", imageAlt: "Detail" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-hands-holding-pepernoten-dessert_23-2149766691.jpg", imageAlt: "Detail" },
|
|
]
|
|
},
|
|
]}
|
|
title="Exclusivity Defined"
|
|
description="True luxury is in the details, meticulously engineered to provide an unparalleled experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", title: "Exceptional", quote: "The attention to detail is simply unmatched in the industry.", name: "Julian Thorne", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-desk-front-view_23-2149741202.jpg" },
|
|
{ id: "t2", title: "Exquisite", quote: "A truly transformative experience that redefined my expectations.", name: "Elena Vance", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-white-blazer-looks-nervous_114579-15696.jpg" },
|
|
{ id: "t3", title: "Superior", quote: "I have never encountered such level of sophistication and professional grace.", name: "Marcus Aurelius", role: "Philanthropist", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-holding-sunglasses_23-2149105479.jpg" },
|
|
{ id: "t4", title: "Refined", quote: "SSS sets the standard for everything they touch.", name: "Sophia Laurent", role: "Curator", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-floor_246466-14.jpg" },
|
|
{ id: "t5", title: "Flawless", quote: "Every interaction has been a display of absolute precision and taste.", name: "Victor Chen", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg" },
|
|
]}
|
|
title="Voices of Distinction"
|
|
description="Our clients share their perspectives on the unparalleled excellence we deliver."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardEleven
|
|
animationType="scale-rotate"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "100+", title: "Successful Inquiries", description: "Handled with absolute precision and exclusivity.", imageSrc: "http://img.b2bpic.net/free-photo/detail-brown-leaf_23-2148211923.jpg" },
|
|
{ id: "m2", value: "50+", title: "Global Partners", description: "Elite organizations trusting our curated services.", imageSrc: "http://img.b2bpic.net/free-photo/oily-gold-texture-background-with-copy-space_23-2148486703.jpg" },
|
|
{ id: "m3", value: "10", title: "Flagship Collections", description: "Redefining benchmarks in our signature fields.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shuttlecock_53876-32069.jpg" },
|
|
]}
|
|
title="Our Global Impact"
|
|
description="Statistics that define our ongoing commitment to excellence and high-end results."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "How can I inquire?", content: "Our process is highly personalized. Please reach out via our contact gateway." },
|
|
{ id: "f2", title: "What is the timeline?", content: "Timelines are determined by the bespoke nature of each unique request." },
|
|
{ id: "f3", title: "Is my privacy ensured?", content: "Discretion is the cornerstone of all our operations." },
|
|
]}
|
|
title="Refined Insights"
|
|
description="Answers to your questions regarding our exclusive process and curated experiences."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "radial-gradient" }}
|
|
tag="Inquire Today"
|
|
title="Begin Your Journey"
|
|
description="Join the circle of individuals who define the new standard of excellence."
|
|
buttons={[{ text: "Contact Us", href: "mailto:info@sss.com" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Philosophy", href: "#about" },
|
|
{ label: "Collection", href: "#product" },
|
|
{ label: "Inquiries", href: "#contact" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Legal Notice", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
logoText="SSS"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|