bender/e94f8c4d-b24c-4aee-9eb9-c04bf8a6e634
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 19:34:55 +00:00
parent a1f7be3da7
commit 6b4ddc3ede
1 changed files with 45 additions and 279 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
src/app/page.tsx
View File

@@ -32,32 +32,15 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Collection",
id: "products",
},
{
name: "Features",
id: "features",
},
{
name: "Team",
id: "team",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Collection", id: "products" },
{ name: "Features", id: "features" },
{ name: "Team", id: "team" },
{ name: "Contact", id: "contact" }
]}
brandName="FTSaloon"
button={{ text: "Book Session", href: "#contact" }}
/>
</div>
@@ -66,71 +49,21 @@ export default function LandingPage() {
title="Redefining Fashion with Innovation"
description="Experience the convergence of high-fashion and cutting-edge technology. Step into our salon to see the future of style, customized just for you."
testimonials={[
{
name: "Alex Rivier",
handle: "@alexr",
testimonial: "The most innovative experience I have ever had.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-shorthaired-lady-posing-yellow-couch-cafe-brunette-girl-jeans-beige-jacket-jeans-laughs-has-fun-inside_197531-29435.jpg",
},
{
name: "Jordan Smith",
handle: "@jsmith",
testimonial: "FTSaloon bridged the gap between tech and chic effortlessly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-creative-tailor-her-workshop_329181-14331.jpg",
},
{
name: "Mia Chen",
handle: "@miac",
testimonial: "Simply stunning digital fashion integration.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-womanwearing-suit_23-2148937733.jpg",
},
{
name: "Liam Scott",
handle: "@liams",
testimonial: "A revolutionary approach to personal styling.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-listening-music-headphones_23-2148788813.jpg",
},
{
name: "Emma Woods",
handle: "@emmaw",
testimonial: "The future of the fashion industry lives here.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clothes-shopping_23-2150639842.jpg",
},
]}
buttons={[
{
text: "Book Session",
href: "#contact",
},
{ name: "Alex Rivier", handle: "@alexr", testimonial: "The most innovative experience I have ever had.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-shorthaired-lady-posing-yellow-couch-cafe-brunette-girl-jeans-beige-jacket-jeans-laughs-has-fun-inside_197531-29435.jpg" },
{ name: "Jordan Smith", handle: "@jsmith", testimonial: "FTSaloon bridged the gap between tech and chic effortlessly.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-creative-tailor-her-workshop_329181-14331.jpg" },
{ name: "Mia Chen", handle: "@miac", testimonial: "Simply stunning digital fashion integration.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-womanwearing-suit_23-2148937733.jpg" },
{ name: "Liam Scott", handle: "@liams", testimonial: "A revolutionary approach to personal styling.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-listening-music-headphones_23-2148788813.jpg" },
{ name: "Emma Woods", handle: "@emmaw", testimonial: "The future of the fashion industry lives here.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-clothes-shopping_23-2150639842.jpg" }
]}
buttons={[{ text: "Book Session", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg"
imageAlt="Fashion tech salon interior"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-woman-with-short-hair-denim-jacket-smiling-city-brunette-haired-woman-beige-modern-outfit-posing-outdoor_197531-29352.jpg",
alt: "Portrait of fashion-forward user",
},
{
src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-posing-stylish-hipster-outfit-green-background_285396-10813.jpg",
alt: "Portrait of technology enthusiast",
},
{
src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29540.jpg",
alt: "Professional salon visitor",
},
{
src: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg",
alt: "Happy client portrait",
},
{
src: "http://img.b2bpic.net/free-photo/two-young-friends-shopping-together_1301-6733.jpg",
alt: "Tech-savvy fashion professional",
},
{ src: "http://img.b2bpic.net/free-photo/stylish-woman-with-short-hair-denim-jacket-smiling-city-brunette-haired-woman-beige-modern-outfit-posing-outdoor_197531-29352.jpg", alt: "Portrait of fashion-forward user" },
{ src: "http://img.b2bpic.net/free-photo/attractive-black-african-american-woman-posing-stylish-hipster-outfit-green-background_285396-10813.jpg", alt: "Portrait of technology enthusiast" },
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29540.jpg", alt: "Professional salon visitor" },
{ src: "http://img.b2bpic.net/free-photo/charming-woman-with-short-hairstyle-cute-smiling-striped-backdrop-lovely-girl-orange-sweatshirt-jeans-posing-outdoors_197531-29506.jpg", alt: "Happy client portrait" },
{ src: "http://img.b2bpic.net/free-photo/two-young-friends-shopping-together_1301-6733.jpg", alt: "Tech-savvy fashion professional" }
]}
avatarText="Trusted by 5,000+ fashion pioneers"
/>
@@ -142,18 +75,9 @@ export default function LandingPage() {
title="Where Style Meets Science"
description="Our salon leverages state-of-the-art tech to provide bespoke styling experiences. We blend wearable tech with timeless fashion aesthetics."
metrics={[
{
value: "100+",
title: "Style Tech Integrations",
},
{
value: "24h",
title: "Digital Consultation",
},
{
value: "5k+",
title: "Happy Tech Clients",
},
{ value: "100+", title: "Style Tech Integrations" },
{ value: "24h", title: "Digital Consultation" },
{ value: "5k+", title: "Happy Tech Clients" }
]}
imageSrc="http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896865.jpg"
imageAlt="Bespoke fashion technology experience"
@@ -168,60 +92,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "FTS Tech",
name: "Smart Vision Glasses",
price: "$499",
rating: 5,
reviewCount: "128",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-surrounded-by-clothes_23-2148135517.jpg",
},
{
id: "p2",
brand: "FTS Weave",
name: "Digital Smart Jacket",
price: "$899",
rating: 5,
reviewCount: "84",
imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256319.jpg",
},
{
id: "p3",
brand: "FTS Gem",
name: "Neural Style Ring",
price: "$299",
rating: 4,
reviewCount: "42",
imageSrc: "http://img.b2bpic.net/free-photo/view-brilliant-cartoon-diamond_23-2151752795.jpg",
},
{
id: "p4",
brand: "FTS Urban",
name: "Smart Fabric Tote",
price: "$349",
rating: 5,
reviewCount: "61",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg",
},
{
id: "p5",
brand: "FTS Bio",
name: "Sensor Headband",
price: "$199",
rating: 4,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-green-shirt-grey-skirt-smiling-trying-out-virtual-reality_140725-25248.jpg",
},
{
id: "p6",
brand: "FTS Core",
name: "Haptic Watch Strap",
price: "$149",
rating: 5,
reviewCount: "32",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-526.jpg",
},
{ id: "p1", brand: "FTS Tech", name: "Smart Vision Glasses", price: "$499", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/top-view-laptop-surrounded-by-clothes_23-2148135517.jpg" },
{ id: "p2", brand: "FTS Weave", name: "Digital Smart Jacket", price: "$899", rating: 5, reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/drag-person-putting-makeup_23-2149256319.jpg" },
{ id: "p3", brand: "FTS Gem", name: "Neural Style Ring", price: "$299", rating: 4, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/view-brilliant-cartoon-diamond_23-2151752795.jpg" },
{ id: "p4", brand: "FTS Urban", name: "Smart Fabric Tote", price: "$349", rating: 5, reviewCount: "61", imageSrc: "http://img.b2bpic.net/free-photo/still-life-bag-hanging_52683-151481.jpg" },
{ id: "p5", brand: "FTS Bio", name: "Sensor Headband", price: "$199", rating: 4, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-green-shirt-grey-skirt-smiling-trying-out-virtual-reality_140725-25248.jpg" },
{ id: "p6", brand: "FTS Core", name: "Haptic Watch Strap", price: "$149", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-empty-notebook-cellphone-woman-s-accessories-black-concept-top-view-isolated-white-background_1428-526.jpg" }
]}
title="Curated Tech Collection"
description="Discover our line of wearable technology that marries form and function."
@@ -234,21 +110,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Virtual Mirror",
description: "See your potential look before it's made.",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg",
},
{
title: "Inventory Logic",
description: "AI-driven stock management at your fingertips.",
imageSrc: "http://img.b2bpic.net/free-photo/shopping-mall-worker-preparing-store-opening-arranging-fashionable-merchandise-mannequin-stylish-woman-waiting-customers-come-buy-trendy-clothes-accessories_482257-72222.jpg",
},
{
title: "Smart Mannequins",
description: "Interactive display technology that adapts to you.",
imageSrc: "http://img.b2bpic.net/free-photo/robot-fashion-model_23-2151940699.jpg",
},
{ title: "Virtual Mirror", description: "See your potential look before it's made.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861914.jpg" },
{ title: "Inventory Logic", description: "AI-driven stock management at your fingertips.", imageSrc: "http://img.b2bpic.net/free-photo/shopping-mall-worker-preparing-store-opening-arranging-fashionable-merchandise-mannequin-stylish-woman-waiting-customers-come-buy-trendy-clothes-accessories_482257-72222.jpg" },
{ title: "Smart Mannequins", description: "Interactive display technology that adapts to you.", imageSrc: "http://img.b2bpic.net/free-photo/robot-fashion-model_23-2151940699.jpg" }
]}
title="Advanced Styling Features"
description="Our technology stack enables a seamless and personalized journey for every client."
@@ -260,46 +124,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
title: "The Future of Retail",
quote: "The seamless blend of tech in this salon is unmatched.",
name: "Alex Rivier",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
},
{
id: "2",
title: "Perfect Styling",
quote: "The personal attention and tech integration is incredible.",
name: "Jordan Smith",
role: "Tech Investor",
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg",
},
{
id: "3",
title: "Simply Revolutionary",
quote: "I have never seen anything quite like this collection.",
name: "Mia Chen",
role: "Fashion Editor",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-gray-haired-businesswoman-standing-with-folded-hands-portrait-confident-young-pretty-female-office-employer-suit-posing-work-smiling-business-company-management-concept_74855-7763.jpg",
},
{
id: "4",
title: "Professionalism",
quote: "Top tier expertise combined with modern innovation.",
name: "Liam Scott",
role: "Developer",
imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-posing-outdoors-with-laptop-side-view_23-2149409727.jpg",
},
{
id: "5",
title: "A True Pioneer",
quote: "The FTSaloon experience is truly unforgettable.",
name: "Emma Woods",
role: "Innovation Lead",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg",
},
{ id: "1", title: "The Future of Retail", quote: "The seamless blend of tech in this salon is unmatched.", name: "Alex Rivier", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg" },
{ id: "2", title: "Perfect Styling", quote: "The personal attention and tech integration is incredible.", name: "Jordan Smith", role: "Tech Investor", imageSrc: "http://img.b2bpic.net/free-photo/happy-female-shopper-applying-dress-with-hanger-looking-mirror-woman-choosing-clothes-fashion-store-shopping-retail-concept_74855-11792.jpg" },
{ id: "3", title: "Simply Revolutionary", quote: "I have never seen anything quite like this collection.", name: "Mia Chen", role: "Fashion Editor", imageSrc: "http://img.b2bpic.net/free-photo/pretty-gray-haired-businesswoman-standing-with-folded-hands-portrait-confident-young-pretty-female-office-employer-suit-posing-work-smiling-business-company-management-concept_74855-7763.jpg" },
{ id: "4", title: "Professionalism", quote: "Top tier expertise combined with modern innovation.", name: "Liam Scott", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/cool-woman-posing-outdoors-with-laptop-side-view_23-2149409727.jpg" },
{ id: "5", title: "A True Pioneer", quote: "The FTSaloon experience is truly unforgettable.", name: "Emma Woods", role: "Innovation Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style-lights-evening-cafes_1321-3400.jpg" }
]}
title="Client Success Stories"
description="Don't take our word for it—listen to our fashion-forward community."
@@ -312,24 +141,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Award,
title: "Industry Awards",
value: "15",
},
{
id: "m2",
icon: Users,
title: "Community Members",
value: "10k+",
},
{
id: "m3",
icon: Zap,
title: "Consultations",
value: "25k+",
},
{ id: "m1", icon: Award, title: "Industry Awards", value: "15" },
{ id: "m2", icon: Users, title: "Community Members", value: "10k+" },
{ id: "m3", icon: Zap, title: "Consultations", value: "25k+" }
]}
title="Our Impact Metrics"
description="Data-driven results for our growing community of tech-savvy stylists."
@@ -343,27 +157,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
members={[
{
id: "t1",
name: "Sarah Lee",
role: "Chief Stylist",
description: "Visionary designer with 10+ years of industry experience.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-hangers_23-2149241341.jpg",
},
{
id: "t2",
name: "Mark Evans",
role: "Lead Architect",
description: "Expert in wearable tech and digital fashion structures.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg",
},
{
id: "t3",
name: "Chloe Vance",
role: "Dev Lead",
description: "Driven to make digital fashion accessible for everyone.",
imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg",
},
{ id: "t1", name: "Sarah Lee", role: "Chief Stylist", description: "Visionary designer with 10+ years of industry experience.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-hangers_23-2149241341.jpg" },
{ id: "t2", name: "Mark Evans", role: "Lead Architect", description: "Expert in wearable tech and digital fashion structures.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-chair_23-2149213192.jpg" },
{ id: "t3", name: "Chloe Vance", role: "Dev Lead", description: "Driven to make digital fashion accessible for everyone.", imageSrc: "http://img.b2bpic.net/free-photo/interior-designer-working-out-office_23-2150379216.jpg" }
]}
title="The Creative Minds"
description="The talent behind the tech-fashion revolution."
@@ -373,9 +169,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
tag="Let's Connect"
title="Ready for your future salon experience?"
description="Sign up for early access to our exclusive sessions."
@@ -385,36 +179,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Platform",
items: [
{
label: "About",
href: "#about",
},
{
label: "Collection",
href: "#products",
},
{
label: "Blog",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Use",
href: "#",
},
],
},
{ title: "Platform", items: [{ label: "About", href: "#about" }, { label: "Collection", href: "#products" }, { label: "Blog", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }] }
]}
bottomLeftText="© 2024 FTSaloon, Inc."
bottomRightText="Built for the future."
@@ -423,4 +189,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}