Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bd36d2c160 | |||
| 987f07184f | |||
| 8abb95c047 | |||
| c35e602414 | |||
| 32e324c89f | |||
| 2784074c82 | |||
| b15c329d37 | |||
| 363e840080 |
@@ -1386,4 +1386,4 @@ export default function RootLayout({
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -2,10 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
||||
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
|
||||
import ProductCardFour from "@/components/sections/product/ProductCardFour";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
|
||||
import BlogCardOne from "@/components/sections/blog/BlogCardOne";
|
||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||||
import { Instagram, Twitter, Facebook } from "lucide-react";
|
||||
import { Sparkles, Zap, TrendingUp, Star, Heart, Camera, Instagram, Twitter, Facebook } from "lucide-react";
|
||||
|
||||
export default function MenPage() {
|
||||
export default function MensCollectionPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
@@ -19,6 +24,7 @@ export default function MenPage() {
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
{/* Navbar */}
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Your Logo"
|
||||
@@ -27,22 +33,222 @@ export default function MenPage() {
|
||||
{ name: "Shop", id: "/shop" },
|
||||
{ name: "Men", id: "/men" },
|
||||
{ name: "Women", id: "/women" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
]}
|
||||
button={{ text: "Cart", href: "/cart" }}
|
||||
button={{
|
||||
text: "Cart", href: "/cart"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Hero Section */}
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
title="Men's Collection"
|
||||
description="Bold Graphics for the Modern Man"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Exclusive Designs"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now", href: "/shop"
|
||||
},
|
||||
{
|
||||
text: "View All", href: "/shop"
|
||||
},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg?_wi=2", imageAlt: "Male model wearing bold graphic t-shirt"
|
||||
},
|
||||
{
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448773.jpg?_wi=1", imageAlt: "Premium black graphic tee for men"
|
||||
},
|
||||
{
|
||||
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-vector/merry-christmas-with-creative-card_23-2147578466.jpg?_wi=1", imageAlt: "White minimalist graphic t-shirt men's style"
|
||||
},
|
||||
{
|
||||
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-vector/gospel-word-concept_23-2148717553.jpg?_wi=1", imageAlt: "Bold color graphic tee for men"
|
||||
},
|
||||
{
|
||||
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-vector/crystal-typeface_1284-46616.jpg?_wi=1", imageAlt: "Contemporary graphic t-shirt art men's collection"
|
||||
},
|
||||
{
|
||||
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg?_wi=1", imageAlt: "Men's collection overview"
|
||||
},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
ariaLabel="Men's collection hero section with product carousel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Category Section */}
|
||||
<div id="category" data-section="category">
|
||||
<ProductCardFour
|
||||
title="Shop by Style"
|
||||
description="Find your perfect fit with our curated men's styles"
|
||||
tag="Collections"
|
||||
tagIcon={Zap}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "casual-style", name: "Casual Vibes", price: "Starting at $29.99", variant: "Relaxed Fit Tees", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg?_wi=2", imageAlt: "Men's casual style t-shirts", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "streetwear-style", name: "Streetwear Edge", price: "Starting at $34.99", variant: "Bold Print Tees", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigmented-cloths-laundry-wire-arrangement_23-2148734286.jpg?_wi=2", imageAlt: "Men's streetwear edge t-shirts", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Featured Products Section */}
|
||||
<div id="highlights" data-section="highlights">
|
||||
<ProductCardFour
|
||||
title="Featured Men's Tees"
|
||||
description="Our best-selling designs for men"
|
||||
tag="Best Sellers"
|
||||
tagIcon={TrendingUp}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "product-men-001", name: "Urban Edge Tee", price: "$49.99", variant: "Black • 5 Colors", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448773.jpg?_wi=2", imageAlt: "Urban edge graphic t-shirt for men", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "product-men-002", name: "Classic Statement Tee", price: "$44.99", variant: "White • 3 Colors", imageSrc: "http://img.b2bpic.net/free-vector/merry-christmas-with-creative-card_23-2147578466.jpg?_wi=2", imageAlt: "Classic statement graphic t-shirt for men", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "product-men-003", name: "Artistic Vibes Tee", price: "$54.99", variant: "Multi • 4 Colors", imageSrc: "http://img.b2bpic.net/free-vector/gospel-word-concept_23-2148717553.jpg?_wi=2", imageAlt: "Artistic vibes graphic t-shirt for men", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "product-men-004", name: "Modern Aesthetic Tee", price: "$49.99", variant: "Navy • 6 Colors", imageSrc: "http://img.b2bpic.net/free-vector/crystal-typeface_1284-46616.jpg?_wi=2", imageAlt: "Modern aesthetic graphic t-shirt for men", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
gridVariant="uniform-all-items-equal"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Social Proof Section */}
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted by Men Worldwide"
|
||||
description="Join thousands of men who've made our graphic tees part of their everyday style"
|
||||
tag="Our Partners"
|
||||
tagIcon={Star}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Fashion Nova", "Streetwear Daily", "Urban Culture", "Modern Style", "Trend Central", "Apparel Co", "Design House"
|
||||
]}
|
||||
logos={[
|
||||
"http://img.b2bpic.net/free-vector/vintage-robert-johnson-handyman-logo_742173-1573.jpg", "http://img.b2bpic.net/free-vector/retro-collection-business-company-logo_23-2148462310.jpg", "http://img.b2bpic.net/free-psd/landing-page-ad-school-template_23-2148797850.jpg", "http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147840443.jpg", "http://img.b2bpic.net/free-vector/absinthe-label-font-sample_1284-39602.jpg", "http://img.b2bpic.net/free-vector/authentic-footware-vintage-badge_23-2147504423.jpg", "http://img.b2bpic.net/free-vector/flat-design-fashion-accessories-logo-pack_23-2148881345.jpg"
|
||||
]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Testimonials Section */}
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="Men Love Our Tees"
|
||||
description="Real testimonials from men who've made our graphic tees part of their wardrobe"
|
||||
tag="Reviews"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
showRating={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex Johnson", handle: "@alexstyle", testimonial: "Amazing quality and design! The fit is perfect and the graphic print is stunning. I absolutely love wearing these tees—they've become my go-to choice for casual outings and weekend hangouts. The attention to detail in the printing is remarkable!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg?_wi=2", imageAlt: "Alex Johnson profile"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Marcus Williams", handle: "@marcusfashion", testimonial: "Great tees with excellent customer service. The designs stand out and compliments keep coming. Highly recommended for any man looking to elevate his style!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=2", imageAlt: "Marcus Williams profile"
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Park", handle: "@jamesdesign", testimonial: "Incredible designs and top-notch quality. These tees are perfect for making a statement. The durability is exceptional and they look great wash after wash!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-standing-with-closed-posture-putting-hand-face-looking-up-isolated-green-wall_141793-94395.jpg?_wi=2", imageAlt: "James Park profile"
|
||||
},
|
||||
{
|
||||
id: "4", name: "David Chen", handle: "@davidwear", testimonial: "Perfect fit and amazing print quality. I've ordered multiple times now. These are my go-to tees for everything from casual to dressing up a bit!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-man-smiling-with-confidence-portrait_23-2147892758.jpg", imageAlt: "David Chen profile"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Ryan Thompson", handle: "@ryancool", testimonial: "The best graphic tees I've owned. Great for everyday wear, comfortable, and the designs are unique. Worth every penny and highly recommend to all guys!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-looking-aside-against-plain-background_23-2147567118.jpg", imageAlt: "Ryan Thompson profile"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Kevin Lee", handle: "@kevinstyle", testimonial: "Outstanding quality for the price. The material is soft, the fit is true to size, and the graphics look crisp. Already recommended to all my friends!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-portrait-adult-young-man-standing_23-2147562950.jpg", imageAlt: "Kevin Lee profile"
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Instagram Gallery Section */}
|
||||
<div id="instagram-gallery" data-section="instagram-gallery">
|
||||
<BlogCardOne
|
||||
title="Men's Style Gallery"
|
||||
description="See how men style their graphic tees"
|
||||
tag="Social"
|
||||
tagIcon={Camera}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
blogs={[
|
||||
{
|
||||
id: "ig-men-1", category: "Style", title: "Urban Casual Look", excerpt: "Styling our bold graphic tee with jeans and sneakers", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg?_wi=3", imageAlt: "Urban casual men's style", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", date: "Today"
|
||||
},
|
||||
{
|
||||
id: "ig-men-2", category: "Fashion", title: "Smart Casual Vibes", excerpt: "Graphic tee paired with blazer for a polished look", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=3", imageAlt: "Smart casual men's styling", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", date: "Yesterday"
|
||||
},
|
||||
{
|
||||
id: "ig-men-3", category: "Trend", title: "Streetwear Statement", excerpt: "Bold graphic tee making a powerful impression", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-man-posing-outdoor_23-2147642147.jpg", imageAlt: "Streetwear statement men's look", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-standing-with-closed-posture-putting-hand-face-looking-up-isolated-green-wall_141793-94395.jpg", date: "2 days ago"
|
||||
},
|
||||
{
|
||||
id: "ig-men-4", category: "Lifestyle", title: "Everyday Confidence", excerpt: "Premium graphic tee for everyday wear", imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-satisfied-man-posing-with-crossed-arms_23-2147642118.jpg", imageAlt: "Everyday men's confidence style", authorName: "Our Community", authorAvatar: "http://img.b2bpic.net/free-photo/happy-young-man-looking-aside-against-plain-background_23-2147567118.jpg", date: "3 days ago"
|
||||
},
|
||||
]}
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Footer */}
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Your Logo"
|
||||
copyrightText="© 2025 Your Logo. All rights reserved."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" }
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com", ariaLabel: "Twitter"
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com", ariaLabel: "Facebook"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,7 +62,7 @@ export default function HomePage() {
|
||||
buttonAnimation="slide-up"
|
||||
carouselItems={[
|
||||
{
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg", imageAlt: "Male model wearing bold graphic t-shirt"
|
||||
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-man-holding-glasses_23-2149004834.jpg?_wi=1", imageAlt: "Male model wearing bold graphic t-shirt"
|
||||
},
|
||||
{
|
||||
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/shirt-mockup-concept-with-plain-clothing_23-2149448773.jpg?_wi=1", imageAlt: "Premium black graphic tee showcase"
|
||||
@@ -102,7 +102,7 @@ export default function HomePage() {
|
||||
id: "men-collection", name: "Men's Collection", price: "Starting at $29.99", variant: "Graphic Tees", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hoodie-plate-with-cookies_23-2148528031.jpg?_wi=2", imageAlt: "Men's graphic t-shirt collection", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "women-collection", name: "Women's Collection", price: "Starting at $29.99", variant: "Graphic Tees", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigmented-cloths-laundry-wire-arrangement_23-2148734286.jpg", imageAlt: "Women's graphic t-shirt collection", isFavorited: false,
|
||||
id: "women-collection", name: "Women's Collection", price: "Starting at $29.99", variant: "Graphic Tees", imageSrc: "http://img.b2bpic.net/free-photo/natural-pigmented-cloths-laundry-wire-arrangement_23-2148734286.jpg?_wi=1", imageAlt: "Women's graphic t-shirt collection", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
@@ -176,7 +176,7 @@ export default function HomePage() {
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Alex Johnson", handle: "@alexstyle", testimonial: "Amazing quality and design! The fit is perfect and the graphic print is stunning. I absolutely love wearing these tees—they've become my go-to choice for casual outings and weekend hangouts. The attention to detail in the printing is remarkable, and the colors stay vibrant even after multiple washes. Already ordered my second tee and I'm planning to get more from different designs!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg", imageAlt: "Alex Johnson profile"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cute-smiling-boy-cafe_23-2148436234.jpg?_wi=1", imageAlt: "Alex Johnson profile"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Chen", handle: "@sarahwears", testimonial: "Love these tees! The printing is sharp, the material is soft, and the designs are so unique. Best streetwear brand ever!", rating: 5,
|
||||
@@ -184,7 +184,7 @@ export default function HomePage() {
|
||||
},
|
||||
{
|
||||
id: "3", name: "Marcus Williams", handle: "@marcusfashion", testimonial: "Great tees with excellent customer service. The designs stand out and compliments keep coming. Highly recommended!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", imageAlt: "Marcus Williams profile"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=1", imageAlt: "Marcus Williams profile"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emma Rodriguez", handle: "@emmastyle", testimonial: "Perfect for my wardrobe! The graphic quality is exceptional and the sizing is accurate. Will definitely buy more!", rating: 5,
|
||||
@@ -192,7 +192,7 @@ export default function HomePage() {
|
||||
},
|
||||
{
|
||||
id: "5", name: "James Park", handle: "@jamesdesign", testimonial: "Incredible designs and top-notch quality. These tees are perfect for making a statement. Absolutely love it!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-standing-with-closed-posture-putting-hand-face-looking-up-isolated-green-wall_141793-94395.jpg", imageAlt: "James Park profile"
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-bald-call-center-man-standing-with-closed-posture-putting-hand-face-looking-up-isolated-green-wall_141793-94395.jpg?_wi=1", imageAlt: "James Park profile"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Lisa Thompson", handle: "@lisavibe", testimonial: "Best graphic tees I've ever owned! The attention to detail is amazing and the material feels premium. 10/10!", rating: 5,
|
||||
@@ -255,4 +255,4 @@ export default function HomePage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user