Merge version_1 into main #2
321
src/app/page.tsx
321
src/app/page.tsx
@@ -32,26 +32,11 @@ export default function LandingPage() {
|
||||
<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",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Philosophy", id: "about" },
|
||||
{ name: "Showcase", id: "product" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="sss"
|
||||
/>
|
||||
@@ -59,60 +44,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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",
|
||||
},
|
||||
{ type: "text", text: "Craftsmanship" },
|
||||
{ type: "text", text: "Exclusivity" },
|
||||
{ type: "text", text: "Distinction" },
|
||||
{ type: "text", text: "Legacy" },
|
||||
{ type: "text", text: "Innovation" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -122,9 +70,7 @@ export default function LandingPage() {
|
||||
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.",
|
||||
]}
|
||||
"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>
|
||||
|
||||
@@ -133,49 +79,14 @@ export default function LandingPage() {
|
||||
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?_wi=1",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -189,55 +100,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Bespoke Craftsmanship",
|
||||
description: "Every detail reflects the dedication to timeless artistry.",
|
||||
icon: Shield,
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-background-with-curtain-shadow-from-window_23-2149657473.jpg",
|
||||
imageAlt: "detail oriented luxury craft texture",
|
||||
{ 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,
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shiny-silver-fabric-textured-background_53876-18303.jpg",
|
||||
imageAlt: "detail oriented luxury craft texture",
|
||||
{ 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,
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-matchsticks-with-geometric-shapes_23-2149600202.jpg?_wi=2",
|
||||
imageAlt: "detail oriented luxury craft texture",
|
||||
{ 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"
|
||||
@@ -250,46 +131,11 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -302,27 +148,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -334,21 +162,9 @@ export default function LandingPage() {
|
||||
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.",
|
||||
},
|
||||
{ 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."
|
||||
@@ -359,18 +175,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:info@sss.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -379,34 +188,16 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Philosophy",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Collection",
|
||||
href: "#product",
|
||||
},
|
||||
{
|
||||
label: "Inquiries",
|
||||
href: "#contact",
|
||||
},
|
||||
{ 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: "#",
|
||||
},
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Legal Notice", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user