bender/ffc10f8a-5293-447b-ae99-0bf30929ee06
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 04:12:27 +00:00
parent 2c978ac4f1
commit c3a07148c6
1 changed files with 59 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { MapPin, ShoppingBag, Users } from "lucide-react";
import { MapPin, ShoppingBag, Users, Shield, Zap, Star, Globe } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="HIDZ"
/>
@@ -59,32 +51,20 @@ export default function LandingPage() {
description="Redefining the standard of urban expression through premium streetwear essentials. Minimalist design for the modern creator."
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-pose_23-2149462076.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-pose_23-2149462076.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",
alt: "Stylish hipster arab man guy in sunglasses posed outdoor in street at sunset against gray wall",
},
src: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg", alt: "Stylish hipster arab man guy in sunglasses posed outdoor in street at sunset against gray wall"},
{
src: "http://img.b2bpic.net/free-photo/woman-with-loose-bandages_23-2147680402.jpg",
alt: "Woman with loose bandages",
},
src: "http://img.b2bpic.net/free-photo/woman-with-loose-bandages_23-2147680402.jpg", alt: "Woman with loose bandages"},
{
src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg",
alt: "Brunette girl wear in black with glasses in railway station",
},
src: "http://img.b2bpic.net/free-photo/brunette-girl-wear-black-with-glasses-railway-station_627829-7969.jpg", alt: "Brunette girl wear in black with glasses in railway station"},
{
src: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219980.jpg",
alt: "Person using eco transport in new york",
},
src: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219980.jpg", alt: "Person using eco transport in new york"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-with-sunglasses-black-t-shirt-using-headphones_140725-12976.jpg",
alt: "Young woman with sunglasses and black t-shirt using headphones",
},
src: "http://img.b2bpic.net/free-photo/young-woman-with-sunglasses-black-t-shirt-using-headphones_140725-12976.jpg", alt: "Young woman with sunglasses and black t-shirt using headphones"},
]}
avatarText="Join 10k+ creators"
/>
@@ -95,18 +75,11 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "HIDZ IS MORE THAN ",
},
type: "text", content: "HIDZ IS MORE THAN "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/black-stain-pattern-white-folded-fabric-white-background_23-2147882436.jpg",
alt: "HIDZ Identity",
},
type: "image", src: "http://img.b2bpic.net/free-photo/black-stain-pattern-white-folded-fabric-white-background_23-2147882436.jpg", alt: "HIDZ Identity"},
{
type: "text",
content: " A CLOTHING LABEL.",
},
type: "text", content: " A CLOTHING LABEL."},
]}
/>
</div>
@@ -117,33 +90,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Materials",
description: "Sourced fabrics that offer longevity and superior comfort.",
buttonIcon: "Shield",
imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg",
imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure",
},
title: "Premium Materials", description: "Sourced fabrics that offer longevity and superior comfort.", buttonIcon: Shield,
imageSrc: "http://img.b2bpic.net/free-photo/pop-punk-aesthetic-portrait-woman-posing-metal-structure_23-2149371472.jpg", imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure"},
{
title: "Sustainable Craft",
description: "Manufacturing processes designed to reduce environmental impact.",
buttonIcon: "Zap",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-pose_23-2149462076.jpg?_wi=2",
imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure",
},
title: "Sustainable Craft", description: "Manufacturing processes designed to reduce environmental impact.", buttonIcon: Zap,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-with-afro-dreadlocks-pose_23-2149462076.jpg", imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure"},
{
title: "Timeless Aesthetic",
description: "Designs that transcend seasonal trends for lasting wear.",
buttonIcon: "Star",
imageSrc: "http://img.b2bpic.net/free-photo/black-stain-pattern-white-folded-fabric-white-background_23-2147882436.jpg",
imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure",
},
title: "Timeless Aesthetic", description: "Designs that transcend seasonal trends for lasting wear.", buttonIcon: Star,
imageSrc: "http://img.b2bpic.net/free-photo/black-stain-pattern-white-folded-fabric-white-background_23-2147882436.jpg", imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure"},
{
title: "Global Shipping",
description: "Delivering urban essentials to creators worldwide.",
buttonIcon: "Globe",
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17766.jpg?_wi=1",
imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure",
},
title: "Global Shipping", description: "Delivering urban essentials to creators worldwide.", buttonIcon: Globe,
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17766.jpg", imageAlt: "Pop punk aesthetic portrait of woman posing on metal structure"},
]}
title="THE HIDZ ETHOS"
description="We prioritize quality over quantity. Every piece is built to last and designed to evolve with your lifestyle."
@@ -158,41 +115,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Essential Hoodie",
price: "$85.00",
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17766.jpg?_wi=2",
},
id: "1", name: "Essential Hoodie", price: "$85.00", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-wearing-sunglasses_114579-17766.jpg"},
{
id: "2",
name: "Graphic Tee",
price: "$35.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4w8uf2",
},
id: "2", name: "Graphic Tee", price: "$35.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4w8uf2"},
{
id: "3",
name: "Urban Cargo",
price: "$110.00",
imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-hanger_52683-135673.jpg",
},
id: "3", name: "Urban Cargo", price: "$110.00", imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-hanger_52683-135673.jpg"},
{
id: "4",
name: "Logo Cap",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830425.jpg",
},
id: "4", name: "Logo Cap", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830425.jpg"},
{
id: "5",
name: "Slate Bomber",
price: "$135.00",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-wearing-long-gray-coat_1303-21151.jpg",
},
id: "5", name: "Slate Bomber", price: "$135.00", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-model-wearing-long-gray-coat_1303-21151.jpg"},
{
id: "6",
name: "Minimalist Sneaks",
price: "$150.00",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-stairs_23-2149525633.jpg",
},
id: "6", name: "Minimalist Sneaks", price: "$150.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-sitting-stairs_23-2149525633.jpg"},
]}
title="CURRENT COLLECTION"
description="Discover the latest arrivals in our signature minimal streetwear series."
@@ -207,25 +140,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
title: "Happy Creators",
description: "Wearing HIDZ globally.",
icon: Users,
id: "m1", value: "10k+", title: "Happy Creators", description: "Wearing HIDZ globally.", icon: Users,
},
{
id: "m2",
value: "50+",
title: "Products",
description: "Minimal designs curated.",
icon: ShoppingBag,
id: "m2", value: "50+", title: "Products", description: "Minimal designs curated.", icon: ShoppingBag,
},
{
id: "m3",
value: "20",
title: "Countries",
description: "Shipping worldwide.",
icon: MapPin,
id: "m3", value: "20", title: "Countries", description: "Shipping worldwide.", icon: MapPin,
},
]}
title="HIDZ BY THE NUMBERS"
@@ -241,45 +162,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Alex R.",
role: "Designer",
company: "Studio X",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3383.jpg",
},
id: "1", name: "Alex R.", role: "Designer", company: "Studio X", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-african-american-man-posing-outdoors-paris-happy-smile-fashion-style_1321-3383.jpg"},
{
id: "2",
name: "Jordan S.",
role: "Creator",
company: "VibeLab",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-jeans-wear-against-large-graffiti-wall_627829-7731.jpg",
},
id: "2", name: "Jordan S.", role: "Creator", company: "VibeLab", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-casual-hipster-girl-cap-jeans-wear-against-large-graffiti-wall_627829-7731.jpg"},
{
id: "3",
name: "Sam L.",
role: "Photographer",
company: "Visuals",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-sports-wear-stretching-outside-street_1303-31752.jpg",
},
id: "3", name: "Sam L.", role: "Photographer", company: "Visuals", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-blue-sports-wear-stretching-outside-street_1303-31752.jpg"},
{
id: "4",
name: "Casey K.",
role: "Artist",
company: "Creative",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg",
},
id: "4", name: "Casey K.", role: "Artist", company: "Creative", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg"},
{
id: "5",
name: "Riley P.",
role: "Developer",
company: "Tech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/trendy-dressed-couple-young-hipster-man-sitting-longboard-his-girlfriend-standing-near-outdoors_613910-6199.jpg",
},
id: "5", name: "Riley P.", role: "Developer", company: "Tech", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/trendy-dressed-couple-young-hipster-man-sitting-longboard-his-girlfriend-standing-near-outdoors_613910-6199.jpg"},
]}
title="WHAT THEY SAY"
description="Authentic experiences from the HIDZ community."
@@ -292,20 +188,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you ship worldwide?",
content: "Yes, we ship to over 20 countries globally.",
},
id: "f1", title: "Do you ship worldwide?", content: "Yes, we ship to over 20 countries globally."},
{
id: "f2",
title: "How do I return items?",
content: "Items can be returned within 30 days in original condition.",
},
id: "f2", title: "How do I return items?", content: "Items can be returned within 30 days in original condition."},
{
id: "f3",
title: "Are designs limited?",
content: "We run limited production cycles to ensure exclusivity.",
},
id: "f3", title: "Are designs limited?", content: "We run limited production cycles to ensure exclusivity."},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing-punk-style_23-2149267433.jpg"
mediaAnimation="opacity"
@@ -319,16 +206,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="GET IN TOUCH"
title="STAY CONNECTED WITH HIDZ"
description="Join our newsletter for updates on new drops and community events."
buttons={[
{
text: "Subscribe Now",
href: "#",
},
text: "Subscribe Now", href: "#"},
]}
/>
</div>
@@ -337,54 +221,33 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Hoodies",
href: "#",
},
label: "Hoodies", href: "#"},
{
label: "Tees",
href: "#",
},
label: "Tees", href: "#"},
{
label: "Outerwear",
href: "#",
},
label: "Outerwear", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#",
},
label: "About", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
],
},
]}