bender/f6abc388-bfce-435c-98d8-7b809c458aec
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-06-13 08:16:15 +00:00
parent 62b7c6188a 6090f66760
commit 899b533c22
1 changed files with 76 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

349
src/app/page.tsx
View File

@@ -33,35 +33,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="TLG Fashions"
button={{
text: "Shop Now",
href: "#products",
}}
text: "Shop Now", href: "#products"}}
animateOnLoad={true}
/>
</div>
@@ -69,91 +55,58 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "downward-rays-animated",
}}
variant: "downward-rays-animated"}}
imagePosition="right"
title="Future. Crafted. Worn."
description="Step into tomorrow's wardrobe with TLG Fashions. Discover revolutionary designs, sustainable materials, and a style that defines the next generation. Elevate your presence."
kpis={[
{
value: "2000+",
label: "New Designs",
},
value: "2000+", label: "New Designs"},
{
value: "1M+",
label: "Happy Customers",
},
value: "1M+", label: "Happy Customers"},
{
value: "50%",
label: "Sustainable Fabrics",
},
value: "50%", label: "Sustainable Fabrics"},
]}
enableKpiAnimation={true}
tag="Innovate Your Style"
tagIcon={Zap}
buttons={[
{
text: "Explore Collection",
href: "#products",
},
text: "Explore Collection", href: "#products"},
{
text: "Join Our Community",
href: "#",
},
text: "Join Our Community", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-smiling-hipster-black-man-retro-vintage-style-suit-dancing-hip-hop-disco-night-club-having-fun_285396-10218.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-handsome-smiling-hipster-black-man-retro-vintage-style-suit-dancing-hip-hop-disco-night-club-having-fun_285396-10218.jpg"
imageAlt="Futuristic fashion model in a dynamic setting"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-turquoise-dress_158595-411.jpg",
alt: "Customer Elara Vance",
},
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-turquoise-dress_158595-411.jpg", alt: "Customer Elara Vance"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-caucasian-smiling-hipster-brunette-woman-model-bright-shinny-reflecting-summer-stylish-jacket-green-dress-posing-gray-eating-french-macaroon_158538-12380.jpg",
alt: "Customer Kaelen Rix",
},
src: "http://img.b2bpic.net/free-photo/beautiful-caucasian-smiling-hipster-brunette-woman-model-bright-shinny-reflecting-summer-stylish-jacket-green-dress-posing-gray-eating-french-macaroon_158538-12380.jpg", alt: "Customer Kaelen Rix"},
{
src: "http://img.b2bpic.net/free-photo/young-adult-tokyo-streets_23-2149389169.jpg",
alt: "Customer Zara Skye",
},
src: "http://img.b2bpic.net/free-photo/young-adult-tokyo-streets_23-2149389169.jpg", alt: "Customer Zara Skye"},
{
src: "http://img.b2bpic.net/free-photo/wonderful-fair-haired-girl-walking-summer-park-smiling-outdoor-photo-adorable-lady-straw-hat-posing-with-pleasure-nature_197531-10437.jpg",
alt: "Customer Jax Orion",
},
src: "http://img.b2bpic.net/free-photo/wonderful-fair-haired-girl-walking-summer-park-smiling-outdoor-photo-adorable-lady-straw-hat-posing-with-pleasure-nature_197531-10437.jpg", alt: "Customer Jax Orion"},
{
src: "http://img.b2bpic.net/free-photo/young-positive-woman-with-cup-near-face-cafe_23-2148071648.jpg",
alt: "Customer Lyra Nova",
},
src: "http://img.b2bpic.net/free-photo/young-positive-woman-with-cup-near-face-cafe_23-2148071648.jpg", alt: "Customer Lyra Nova"},
]}
avatarText="Join 1M+ Trendsetters"
marqueeItems={[
{
type: "text",
text: "Adaptive Comfort",
type: "text", text: "Adaptive Comfort"},
{
type: "text-icon", text: "Smart Tech Inside", icon: Lightbulb,
},
{
type: "text-icon",
text: "Smart Tech Inside",
icon: Lightbulb,
type: "text", text: "Sustainable Innovation"},
{
type: "text-icon", text: "Future Forward", icon: Rocket,
},
{
type: "text",
text: "Sustainable Innovation",
},
type: "text", text: "Next-Gen Style"},
{
type: "text-icon",
text: "Future Forward",
icon: Rocket,
},
{
type: "text",
text: "Next-Gen Style",
},
{
type: "text-icon",
text: "Global Vision",
icon: Globe,
type: "text-icon", text: "Global Vision", icon: Globe,
},
]}
marqueeSpeed={30}
@@ -168,21 +121,15 @@ export default function LandingPage() {
description="At TLG Fashions, we believe clothing should be more than just fabric. It's an extension of your identity, a statement of your future. We fuse cutting-edge technology with visionary design to create apparel that empowers and inspires. Experience innovation in every stitch, comfort in every movement, and a style that is uniquely yours."
metrics={[
{
value: "100%",
title: "Innovated Materials",
},
value: "100%", title: "Innovated Materials"},
{
value: "Global",
title: "Reach",
},
value: "Global", title: "Reach"},
{
value: "Decades",
title: "Of Experience",
},
value: "Decades", title: "Of Experience"},
]}
tag="Our Vision"
tagIcon={Sparkles}
imageSrc="http://img.b2bpic.net/free-vector/cover-with-organic-flowing-design-soft-pastel-colors_1142-24615.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/cover-with-organic-flowing-design-soft-pastel-colors_1142-24615.jpg"
imageAlt="Abstract futuristic fabric texture"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
@@ -196,41 +143,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Adaptive Fabrics",
description: "Experience clothing that reacts to your environment, adjusting for comfort and performance in any condition.",
bentoComponent: "media-stack",
items: [
title: "Adaptive Fabrics", description: "Experience clothing that reacts to your environment, adjusting for comfort and performance in any condition.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-13965.jpg",
imageAlt: "Futuristic jacket with adaptive fabric",
},
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-step-electric-scooter-background_613910-13965.jpg", imageAlt: "Futuristic jacket with adaptive fabric"},
{
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137268.jpg",
imageAlt: "Smart clothing with integrated sensors",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-their-daily-occupation_23-2151137268.jpg", imageAlt: "Smart clothing with integrated sensors"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-41256.jpg",
imageAlt: "Futuristic shoes with glowing soles",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-smiling-hipster-black-man-retro-vintage-style-suit-dancing-hip-hop-disco-night-club-having-fun_285396-10218.jpg?_wi=2",
imageAlt: "futuristic jacket model urban",
imageSrc: "http://img.b2bpic.net/free-photo/woman-walking-down-stairs_53876-41256.jpg", imageAlt: "Futuristic shoes with glowing soles"},
]
},
{
title: "Integrated Smartwear",
description: "Seamlessly blend technology into your attire with features like smart climate control and biometric tracking, all within stylish designs.",
bentoComponent: "reveal-icon",
icon: Lightbulb,
imageSrc: "http://img.b2bpic.net/free-vector/cover-with-organic-flowing-design-soft-pastel-colors_1142-24615.jpg?_wi=2",
imageAlt: "futuristic jacket model urban",
title: "Integrated Smartwear", description: "Seamlessly blend technology into your attire with features like smart climate control and biometric tracking, all within stylish designs.", bentoComponent: "reveal-icon", icon: Lightbulb
},
{
title: "Sustainable Future",
description: "Fashion that cares. Our commitment to sustainability drives us to use recycled materials and ethical production processes.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118108.jpg?_wi=1",
imageAlt: "futuristic jacket model urban",
title: "Sustainable Future", description: "Fashion that cares. Our commitment to sustainability drives us to use recycled materials and ethical production processes.", bentoComponent: "reveal-icon", icon: Leaf
},
]}
title="Beyond the Seams: Our Innovative Features"
@@ -239,8 +165,7 @@ export default function LandingPage() {
tagIcon={Lightbulb}
buttons={[
{
text: "Learn More",
},
text: "Learn More"},
]}
/>
</div>
@@ -254,62 +179,24 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "1",
name: "Aether Jacket",
price: "$349",
variant: "Obsidian Black",
imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118108.jpg?_wi=2",
imageAlt: "Aether Jacket",
},
id: "1", name: "Aether Jacket", price: "$349", variant: "Obsidian Black", imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118108.jpg", imageAlt: "Aether Jacket"},
{
id: "2",
name: "Chroma Dress",
price: "$299",
variant: "Iridescent Blue",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-partying-indoors_23-2149628497.jpg",
imageAlt: "Chroma Dress",
},
id: "2", name: "Chroma Dress", price: "$299", variant: "Iridescent Blue", imageSrc: "http://img.b2bpic.net/free-photo/front-view-girl-partying-indoors_23-2149628497.jpg", imageAlt: "Chroma Dress"},
{
id: "3",
name: "Flux Hoodie",
price: "$129",
variant: "Quantum Grey",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-posing_23-2148906931.jpg",
imageAlt: "Flux Hoodie",
},
id: "3", name: "Flux Hoodie", price: "$129", variant: "Quantum Grey", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-posing_23-2148906931.jpg", imageAlt: "Flux Hoodie"},
{
id: "4",
name: "Kinetic Pants",
price: "$189",
variant: "Graphite Green",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1125.jpg",
imageAlt: "Kinetic Pants",
},
id: "4", name: "Kinetic Pants", price: "$189", variant: "Graphite Green", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-woman-white-hoodie-blue-jeans-posing-against-neon-background_89887-1125.jpg", imageAlt: "Kinetic Pants"},
{
id: "5",
name: "Zenith Sneakers",
price: "$219",
variant: "Luminous White",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-futuristic-bionic-body-part_23-2151401294.jpg",
imageAlt: "Zenith Sneakers",
},
id: "5", name: "Zenith Sneakers", price: "$219", variant: "Luminous White", imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-with-futuristic-bionic-body-part_23-2151401294.jpg", imageAlt: "Zenith Sneakers"},
{
id: "6",
name: "Aura Jumpsuit",
price: "$389",
variant: "Nebula Violet",
imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-woman-with-walking-urban-city-business-street-dressed-warm-brown-coat-blue-suit-spring-autumn-trendy-fashion-street-style-wearing-sunglasses_285396-7146.jpg",
imageAlt: "Aura Jumpsuit",
},
id: "6", name: "Aura Jumpsuit", price: "$389", variant: "Nebula Violet", imageSrc: "http://img.b2bpic.net/free-photo/cute-stylish-woman-with-walking-urban-city-business-street-dressed-warm-brown-coat-blue-suit-spring-autumn-trendy-fashion-street-style-wearing-sunglasses_285396-7146.jpg", imageAlt: "Aura Jumpsuit"},
]}
title="Our Latest Futuristic Collection"
description="Explore our curated selection of visionary apparel, engineered for style, comfort, and the demands of tomorrow."
tag="Shop Now"
buttons={[
{
text: "View All Products",
href: "#",
},
text: "View All Products", href: "#"},
]}
/>
</div>
@@ -322,59 +209,23 @@ export default function LandingPage() {
carouselMode="auto"
testimonials={[
{
id: "1",
name: "Elara Vance",
handle: "@ElaraV",
testimonial: "TLG Fashions isn't just clothing, it's an experience. The fabrics are incredible, and the designs are truly revolutionary. I always feel ahead of the curve!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4047.jpg",
imageAlt: "Elara Vance",
},
id: "1", name: "Elara Vance", handle: "@ElaraV", testimonial: "TLG Fashions isn't just clothing, it's an experience. The fabrics are incredible, and the designs are truly revolutionary. I always feel ahead of the curve!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doing-okay_1187-4047.jpg", imageAlt: "Elara Vance"},
{
id: "2",
name: "Kaelen Rix",
handle: "@KaelenRix",
testimonial: "Finally, a brand that understands modern style and function. My Aether Jacket is perfect for city life, adapting to any weather. Highly recommend!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21738.jpg",
imageAlt: "Kaelen Rix",
},
id: "2", name: "Kaelen Rix", handle: "@KaelenRix", testimonial: "Finally, a brand that understands modern style and function. My Aether Jacket is perfect for city life, adapting to any weather. Highly recommend!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21738.jpg", imageAlt: "Kaelen Rix"},
{
id: "3",
name: "Zara Skye",
handle: "@ZaraSkye",
testimonial: "The Chroma Dress is stunning and surprisingly comfortable. It's my go-to for any event where I want to make a statement. TLG delivers!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-fashion-designer-working-laptop-drinking-coffee-bright-studio-space-young-talent-making-her-way-life-looking-camera_197531-22247.jpg",
imageAlt: "Zara Skye",
},
id: "3", name: "Zara Skye", handle: "@ZaraSkye", testimonial: "The Chroma Dress is stunning and surprisingly comfortable. It's my go-to for any event where I want to make a statement. TLG delivers!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-fashion-designer-working-laptop-drinking-coffee-bright-studio-space-young-talent-making-her-way-life-looking-camera_197531-22247.jpg", imageAlt: "Zara Skye"},
{
id: "4",
name: "Jax Orion",
handle: "@JaxOrion",
testimonial: "As someone always on the move, the Kinetic Pants are a game-changer. Durable, stylish, and incredibly versatile. TLG Fashions gets it right.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-laptop-doing-window-shopping_23-2147891876.jpg",
imageAlt: "Jax Orion",
},
id: "4", name: "Jax Orion", handle: "@JaxOrion", testimonial: "As someone always on the move, the Kinetic Pants are a game-changer. Durable, stylish, and incredibly versatile. TLG Fashions gets it right.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-laptop-doing-window-shopping_23-2147891876.jpg", imageAlt: "Jax Orion"},
{
id: "5",
name: "Lyra Nova",
handle: "@LyraNova",
testimonial: "The Zenith Sneakers are out of this world! So many compliments, and the comfort is unmatched. TLG has truly captured the future.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-her-mobile_1157-680.jpg",
imageAlt: "Lyra Nova",
},
id: "5", name: "Lyra Nova", handle: "@LyraNova", testimonial: "The Zenith Sneakers are out of this world! So many compliments, and the comfort is unmatched. TLG has truly captured the future.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-her-mobile_1157-680.jpg", imageAlt: "Lyra Nova"},
{
id: "6",
name: "Rune Astra",
handle: "@RuneAstra",
testimonial: "I love the sustainable approach. My Flux Hoodie feels great and looks amazing, knowing it's responsibly made adds to the appeal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728163.jpg",
imageAlt: "Rune Astra",
},
id: "6", name: "Rune Astra", handle: "@RuneAstra", testimonial: "I love the sustainable approach. My Flux Hoodie feels great and looks amazing, knowing it's responsibly made adds to the appeal.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728163.jpg", imageAlt: "Rune Astra"},
]}
showRating={true}
title="What Our Customers Say"
@@ -388,14 +239,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"AeroWeave Textiles",
"Quantum Threads Inc.",
"EcoFabric Innovations",
"FutureStyle Labs",
"Synthetica Apparel",
"Urban Flux Designs",
"BioWear Solutions",
]}
"AeroWeave Textiles", "Quantum Threads Inc.", "EcoFabric Innovations", "FutureStyle Labs", "Synthetica Apparel", "Urban Flux Designs", "BioWear Solutions"]}
title="Partnering with the Future of Style"
description="Proudly recognized and collaborated with leading innovators in fashion technology and sustainable design."
tag="Our Collaborators"
@@ -409,30 +253,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "What are 'Adaptive Fabrics'?",
content: "Adaptive fabrics are advanced materials engineered to react to environmental conditions, such as temperature and moisture, to provide optimal comfort and performance for the wearer.",
},
id: "1", title: "What are 'Adaptive Fabrics'?", content: "Adaptive fabrics are advanced materials engineered to react to environmental conditions, such as temperature and moisture, to provide optimal comfort and performance for the wearer."},
{
id: "2",
title: "How does your smartwear integrate technology?",
content: "Our smartwear seamlessly embeds micro-sensors and flexible electronics into the fabric, allowing for features like biometric monitoring, climate control, and interactive displays, all controlled via a companion app.",
},
id: "2", title: "How does your smartwear integrate technology?", content: "Our smartwear seamlessly embeds micro-sensors and flexible electronics into the fabric, allowing for features like biometric monitoring, climate control, and interactive displays, all controlled via a companion app."},
{
id: "3",
title: "What is TLG Fashions' commitment to sustainability?",
content: "We prioritize sustainability by using recycled and ethically sourced materials, minimizing waste in production, and ensuring fair labor practices throughout our supply chain to reduce our environmental footprint.",
},
id: "3", title: "What is TLG Fashions' commitment to sustainability?", content: "We prioritize sustainability by using recycled and ethically sourced materials, minimizing waste in production, and ensuring fair labor practices throughout our supply chain to reduce our environmental footprint."},
{
id: "4",
title: "How do I care for futuristic clothing?",
content: "Care instructions vary by garment due to the advanced materials. Each product comes with specific guidelines, usually involving gentle washing cycles and air-drying to preserve fabric integrity and technology.",
},
id: "4", title: "How do I care for futuristic clothing?", content: "Care instructions vary by garment due to the advanced materials. Each product comes with specific guidelines, usually involving gentle washing cycles and air-drying to preserve fabric integrity and technology."},
{
id: "5",
title: "Do you offer international shipping?",
content: "Yes, TLG Fashions offers worldwide shipping. Shipping costs and delivery times will vary depending on the destination. Please refer to our shipping policy for detailed information.",
},
id: "5", title: "Do you offer international shipping?", content: "Yes, TLG Fashions offers worldwide shipping. Shipping costs and delivery times will vary depending on the destination. Please refer to our shipping policy for detailed information."},
]}
title="Frequently Asked Questions"
description="Have questions about our futuristic clothing? Find answers to common inquiries below."
@@ -448,22 +277,14 @@ export default function LandingPage() {
description="Whether you have a query about our products, collaborations, or just want to share your feedback, we're here to help. Reach out to the TLG Fashions team."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/elegant-female-model-elegant-white-shirt-suspenders-new-feminity-concept_23-2148951050.jpg"
@@ -479,49 +300,31 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "Products",
href: "#products",
},
label: "Products", href: "#products"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}