development/023b14bb-1c4e-4c88-bb71-cedc86d52a11
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:
development
2026-01-24 17:21:39 +00:00
parent f442060a8c
commit 27132c78a9
1 changed files with 40 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/app/page.tsx
View File

@@ -28,65 +28,65 @@ export default function HomePage() {
>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
brandName="Upcycled Threads"
brandName="Geüpcycled Threads"
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Shop", id: "/shop" },
{ name: "Over Ons", id: "/about" },
{ name: "Winkel", id: "/shop" },
{ name: "Contact", id: "/contact" }
]}
bottomLeftText="Sustainable Fashion"
bottomRightText="hello@upcycledthreads.com"
bottomLeftText="Duurzame Mode"
bottomRightText="hallo@geupycyledthreads.nl"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
title="Transform Old Into New"
description="Discover sustainably crafted fashion pieces made from upcycled materials. Each garment tells a story of transformation, creativity, and environmental responsibility."
title="Transformeer Oud in Nieuw"
description="Ontdek duurzaam vervaardigde modestukken gemaakt van geüpcycled materialen. Elk kledingstuk vertelt een verhaal van transformatie, creativiteit en milieuverantwoordelijkheid."
background={{ variant: "sparkles-gradient" }}
tag="Eco-Conscious Fashion"
tag="Eco-Bewuste Mode"
tagIcon={Leaf}
imageSrc="https://img.b2bpic.net/free-photo/full-shot-woman-posing-fast-fashion-concept_23-2150805333.jpg"
imageAlt="Upcycled fashion transformation showcase"
imageAlt="Geüpcycled mode transformatie showcase"
buttons={[
{ text: "Explore Shop", href: "/shop" },
{ text: "Learn Our Story", href: "/about" }
{ text: "Verken Winkel", href: "/shop" },
{ text: "Lees Ons Verhaal", href: "/about" }
]}
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="I transform old, forgotten garments into beautiful, wearable art. Every piece I create is unique—a celebration of creativity, sustainability, and second chances."
title="Ik transformeer oude, verwaaide kledingstukken in prachtige, draagbare kunst. Elk stuk dat ik creëer is uniek—een viering van creativiteit, duurzaamheid en tweede kansen."
useInvertedBackground="invertDefault"
metrics={[
{ icon: Recycle, label: "Garments Upcycled", value: "500+" },
{ icon: Leaf, label: "Waste Diverted", value: "2,000 kg" },
{ icon: Heart, label: "Happy Customers", value: "1,200+" },
{ icon: Zap, label: "Years Experience", value: "5+" }
{ icon: Recycle, label: "Kledingstukken Geüpcycled", value: "500+" },
{ icon: Leaf, label: "Afval Afgeleid", value: "2.000 kg" },
{ icon: Heart, label: "Tevreden Klanten", value: "1.200+" },
{ icon: Zap, label: "Jaren Ervaring", value: "5+" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardOne
title="Featured Collection"
description="Browse our latest upcycled creations. Each piece is unique and ready to find its new home."
tag="Shop Now"
title="Aanbevolen Collectie"
description="Blader door onze nieuwste geüpcycled creaties. Elk stuk is uniek en klaar om zijn nieuwe thuis te vinden."
tag="Shop Nu"
tagIcon={ShoppingBag}
products={[
{
id: "1", name: "Vintage Denim Jacket", price: "€75", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-women-posing-outdoors_23-2149412643.jpg", imageAlt: "Upcycled vintage denim jacket"
id: "1", name: "Vintage Denim Jas", price: "€75", imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-young-women-posing-outdoors_23-2149412643.jpg", imageAlt: "Geüpcycled vintage denim jas"
},
{
id: "2", name: "Patchwork Summer Dress", price: "€95", imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-wearing-vacation-outfit_23-2150668926.jpg", imageAlt: "Handcrafted patchwork summer dress"
id: "2", name: "Patchwork Zomerjurk", price: "€95", imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-wearing-vacation-outfit_23-2150668926.jpg", imageAlt: "Handgemaakte patchwork zomerjurk"
},
{
id: "3", name: "Organic Cotton Shirt", price: "€65", imageSrc: "https://img.b2bpic.net/free-photo/casual-curly-man-handrail_23-2147678271.jpg", imageAlt: "Sustainable organic cotton shirt"
id: "3", name: "Biologisch Katoenen Shirt", price: "€65", imageSrc: "https://img.b2bpic.net/free-photo/casual-curly-man-handrail_23-2147678271.jpg", imageAlt: "Duurzaam biologisch katoenen shirt"
},
{
id: "4", name: "Upcycled Joggers", price: "€85", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bag-fruit-park_23-2148595056.jpg", imageAlt: "Comfortable upcycled joggers"
id: "4", name: "Geüpcycled Joggingbroek", price: "€85", imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-bag-fruit-park_23-2148595056.jpg", imageAlt: "Comfortabele geüpcycled joggingbroek"
}
]}
gridVariant="four-items-2x2-equal-grid"
@@ -94,33 +94,33 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground="noInvert"
buttons={[
{ text: "View Full Shop", href: "/shop" }
{ text: "Bekijk Volledige Winkel", href: "/shop" }
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
title="What Customers Love"
description="Real reviews from people who've discovered their perfect upcycled piece"
title="Wat Klanten Ervan Houden"
description="Echte recensies van mensen die hun perfecte geüpcycled stuk hebben ontdekt"
testimonials={[
{
id: "1", name: "Emma S.", role: "Fashion Lover", company: "Amsterdam", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Customer Emma"
id: "1", name: "Emma S.", role: "Mode Liefhebber", company: "Amsterdam", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Klant Emma"
},
{
id: "2", name: "Sophie D.", role: "Sustainability Advocate",
company: "Paris", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Customer Sophie"
id: "2", name: "Sophie D.", role: "Duurzaamheid Voorstander",
company: "Parijs", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Klant Sophie"
},
{
id: "3", name: "Marcus B.", role: "Design Professional", company: "Berlin",
id: "3", name: "Marcus B.", role: "Ontwerp Professional", company: "Berlijn",
rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Customer Marcus"
imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageAlt: "Klant Marcus"
},
{
id: "4", name: "Lisa M.", role: "Eco-Warrior", company: "Copenhagen", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Customer Lisa"
id: "4", name: "Lisa M.", role: "Eco-Krijger", company: "Kopenhagen", rating: 5,
imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Klant Lisa"
}
]}
gridVariant="uniform-all-items-equal"
@@ -132,17 +132,17 @@ export default function HomePage() {
<div id="contact" data-section="contact">
<ContactText
text="Ready to discover your perfect upcycled piece? Get in touch with questions, custom requests, or just to share your passion for sustainable fashion."
text="Klaar om je perfecte geüpcycled stuk te ontdekken? Neem contact op voor vragen, aangepaste verzoeken, of om gewoon je passie voor duurzame mode te delen."
animationType="entrance-slide"
useInvertedBackground="noInvert"
buttons={[
{ text: "Contact Me", href: "/contact" },
{ text: "Follow @upcycledthreads", href: "https://instagram.com" }
{ text: "Neem Contact Op", href: "/contact" },
{ text: "Volg @geupycyledthreads", href: "https://instagram.com" }
]}
/>
</div>
<FooterLogoReveal logoText="Upcycled Threads" />
<FooterLogoReveal logoText="Geüpcycled Threads" />
</ThemeProvider>
);
}
}