Merge version_1 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "/shop",
|
||||
},
|
||||
name: "Shop", id: "/shop"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Your Brand Name"
|
||||
/>
|
||||
@@ -52,104 +44,61 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Style"
|
||||
description="Discover the intersection of minimalist design and premium luxury. Affordable sophistication for the modern man."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830363.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830363.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-afro-dreadlocks-posing-while-out-city_23-2149442521.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-afro-dreadlocks-posing-while-out-city_23-2149442521.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-eating-berries-street_23-2150163629.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-people-eating-berries-street_23-2150163629.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-hipster-arab-man-guy-sunglasses-posed-outdoor-street-sunset-against-gray-wall_627829-2738.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21734.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-businesman_1157-21734.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-sunglasses-outdoors_23-2149409734.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-with-sunglasses-outdoors_23-2149409734.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-beautiful-african-american-woman-posing-black-leather-jacket-pants-street_627829-12437.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-man-dressed-size-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall_158538-26400.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelsexy-man-dressed-size-tshirt-jeans-fashion-male-isolated-studio-posing-near-grey-wall_158538-26400.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cowboy-silhouette-against-warm-light_23-2149334101.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396712.jpg",
|
||||
imageAlt: "Model wearing modern streetwear",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-plus-size-male-social-media-influencer_23-2151396712.jpg", imageAlt: "Model wearing modern streetwear"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "/shop",
|
||||
},
|
||||
text: "Shop Now", href: "/shop"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830343.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830343.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-sportswear_23-2148777602.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-sportswear_23-2148777602.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-belarus-person-city_23-2149372924.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-belarus-person-city_23-2149372924.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-black-man-posing_23-2149415721.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-smiley-black-man-posing_23-2149415721.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219979.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-using-eco-transport-new-york_23-2149219979.jpg", alt: "Customer profile"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ men worldwide"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Minimalist Design",
|
||||
},
|
||||
type: "text", text: "Minimalist Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Delivery",
|
||||
},
|
||||
type: "text", text: "Global Delivery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,23 +111,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Casual",
|
||||
description: "Everyday wear with a premium touch.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1797.jpg",
|
||||
imageAlt: "Casual Collection",
|
||||
},
|
||||
title: "Casual", description: "Everyday wear with a premium touch.", imageSrc: "http://img.b2bpic.net/free-photo/liquid-makeup-foundation-texture-smudges-macro-cosmetics-texture-top-view_633478-1797.jpg", imageAlt: "Casual Collection"},
|
||||
{
|
||||
title: "Streetwear",
|
||||
description: "Bold aesthetics, modern silhouettes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-afro-rapper-guy_627829-1470.jpg",
|
||||
imageAlt: "Streetwear Collection",
|
||||
},
|
||||
title: "Streetwear", description: "Bold aesthetics, modern silhouettes.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-urban-style-african-american-man-pink-hoodie-posed-afro-rapper-guy_627829-1470.jpg", imageAlt: "Streetwear Collection"},
|
||||
{
|
||||
title: "Formal",
|
||||
description: "Tailored perfection for the bold.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13528.jpg",
|
||||
imageAlt: "Formal Collection",
|
||||
},
|
||||
title: "Formal", description: "Tailored perfection for the bold.", imageSrc: "http://img.b2bpic.net/free-photo/vintage-woman-sewing-cloth-by-hand-with-embroidery-set-wooden-table-people-handmade-diy-housework-concept_1150-13528.jpg", imageAlt: "Formal Collection"},
|
||||
]}
|
||||
title="Collections Designed for You"
|
||||
description="Curated selections that define modern masculinity with comfort and class."
|
||||
@@ -192,40 +129,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John D.",
|
||||
handle: "@johnd",
|
||||
testimonial: "The quality is simply unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-curly-hispanic-man-leaning-wall-near-door_23-2148205526.jpg",
|
||||
},
|
||||
id: "1", name: "John D.", handle: "@johnd", testimonial: "The quality is simply unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/young-curly-hispanic-man-leaning-wall-near-door_23-2148205526.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark S.",
|
||||
handle: "@marks",
|
||||
testimonial: "Fits perfectly. Minimalist aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-outdoors_23-2151038555.jpg",
|
||||
},
|
||||
id: "2", name: "Mark S.", handle: "@marks", testimonial: "Fits perfectly. Minimalist aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-outdoors_23-2151038555.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Kevin L.",
|
||||
handle: "@kevinl",
|
||||
testimonial: "Affordable luxury, great fabric.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5114.jpg",
|
||||
},
|
||||
id: "3", name: "Kevin L.", handle: "@kevinl", testimonial: "Affordable luxury, great fabric.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5114.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ryan P.",
|
||||
handle: "@ryanp",
|
||||
testimonial: "Fast shipping, premium packaging.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing_23-2149518275.jpg",
|
||||
},
|
||||
id: "4", name: "Ryan P.", handle: "@ryanp", testimonial: "Fast shipping, premium packaging.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-sensitive-man-posing_23-2149518275.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex W.",
|
||||
handle: "@alexw",
|
||||
testimonial: "Perfect for office and weekend.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg",
|
||||
},
|
||||
id: "5", name: "Alex W.", handle: "@alexw", testimonial: "Perfect for office and weekend.", imageSrc: "http://img.b2bpic.net/free-photo/brutal-young-man-sunglasses-hat-island-travel_1321-3839.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join thousands who have elevated their wardrobes."
|
||||
@@ -242,17 +154,9 @@ export default function LandingPage() {
|
||||
description="The creative minds behind our collections."
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alex R.",
|
||||
role: "Head Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera_197531-33408.jpg",
|
||||
},
|
||||
id: "m1", name: "Alex R.", role: "Head Designer", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera_197531-33408.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Sam T.",
|
||||
role: "Creative Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-casual-clothes-with-copy-space_23-2148248479.jpg",
|
||||
},
|
||||
id: "m2", name: "Sam T.", role: "Creative Lead", imageSrc: "http://img.b2bpic.net/free-photo/young-man-casual-clothes-with-copy-space_23-2148248479.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -262,6 +166,9 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Latest News"
|
||||
description="Stay updated with our latest style tips and announcements."
|
||||
blogs={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -270,42 +177,27 @@ export default function LandingPage() {
|
||||
logoText="Your Brand Name"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Casual",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Casual", href: "/shop"},
|
||||
{
|
||||
label: "Streetwear",
|
||||
href: "/shop",
|
||||
},
|
||||
label: "Streetwear", href: "/shop"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user