Merge version_1 into main #2
214
src/app/page.tsx
214
src/app/page.tsx
@@ -36,9 +36,7 @@ export default function HomePage() {
|
||||
];
|
||||
|
||||
const navButton = {
|
||||
text: "Cart",
|
||||
href: "/cart",
|
||||
};
|
||||
text: "Cart", href: "/cart"};
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
@@ -47,7 +45,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmallSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
@@ -74,8 +72,8 @@ export default function HomePage() {
|
||||
{ text: "Shop Now", href: "/shop" },
|
||||
{ text: "New Arrivals", href: "/shop" },
|
||||
]}
|
||||
background={{ variant: "noiseDiagonalGradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-interracial-couple-sitting-steps-looking-away_23-2148151723.jpg?_wi=1"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashionable-young-interracial-couple-sitting-steps-looking-away_23-2148151723.jpg"
|
||||
imageAlt="CHAQX Men's Fashion Collection"
|
||||
mediaAnimation="slide-up"
|
||||
frameStyle="card"
|
||||
@@ -96,48 +94,20 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "CHAQX",
|
||||
name: "Classic Black Hoodie",
|
||||
price: "$89.99",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg?_wi=1",
|
||||
imageAlt: "Classic Black Hoodie",
|
||||
isFavorited: false,
|
||||
id: "1", brand: "CHAQX", name: "Classic Black Hoodie", price: "$89.99", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg", imageAlt: "Classic Black Hoodie", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "CHAQX",
|
||||
name: "Premium Denim Jeans",
|
||||
price: "$119.99",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg?_wi=1",
|
||||
imageAlt: "Premium Denim Jeans",
|
||||
isFavorited: false,
|
||||
id: "2", brand: "CHAQX", name: "Premium Denim Jeans", price: "$119.99", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg", imageAlt: "Premium Denim Jeans", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "CHAQX",
|
||||
name: "Urban Street Cap",
|
||||
price: "$39.99",
|
||||
rating: 5,
|
||||
reviewCount: "945",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-headphones_1157-30680.jpg?_wi=1",
|
||||
imageAlt: "Urban Street Cap",
|
||||
isFavorited: false,
|
||||
id: "3", brand: "CHAQX", name: "Urban Street Cap", price: "$39.99", rating: 5,
|
||||
reviewCount: "945", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-park-with-headphones_1157-30680.jpg", imageAlt: "Urban Street Cap", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "CHAQX",
|
||||
name: "High-Top Sneakers",
|
||||
price: "$149.99",
|
||||
rating: 5,
|
||||
reviewCount: "3.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-high-top-sneaker-white-background_53876-111185.jpg?_wi=1",
|
||||
imageAlt: "High-Top Sneakers",
|
||||
isFavorited: false,
|
||||
id: "4", brand: "CHAQX", name: "High-Top Sneakers", price: "$149.99", rating: 5,
|
||||
reviewCount: "3.2k", imageSrc: "http://img.b2bpic.net/free-photo/white-high-top-sneaker-white-background_53876-111185.jpg", imageAlt: "High-Top Sneakers", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
@@ -158,13 +128,8 @@ export default function HomePage() {
|
||||
tag="Categories"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Hoodies & Sweatshirts",
|
||||
description: "Comfortable and stylish hoodies perfect for casual wear and layering. Premium materials ensure durability and comfort all day long.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg?_wi=2",
|
||||
imageAlt: "Hoodies & Sweatshirts",
|
||||
},
|
||||
id: "1", title: "Hoodies & Sweatshirts", description: "Comfortable and stylish hoodies perfect for casual wear and layering. Premium materials ensure durability and comfort all day long.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-two-black-men-standing-against-red-wall_181624-56204.jpg", imageAlt: "Hoodies & Sweatshirts"},
|
||||
items: [
|
||||
{ icon: ShoppingBag, text: "Premium Fabrics" },
|
||||
{ icon: Palette, text: "Multiple Colors" },
|
||||
@@ -173,13 +138,8 @@ export default function HomePage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Jeans & Pants",
|
||||
description: "From classic denim to modern fits, our jeans collection offers timeless style with contemporary cuts for the modern man.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg?_wi=2",
|
||||
imageAlt: "Jeans & Pants",
|
||||
},
|
||||
id: "2", title: "Jeans & Pants", description: "From classic denim to modern fits, our jeans collection offers timeless style with contemporary cuts for the modern man.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-man-wearing-denim-jacket-posing-stairs-outside-looking-camera_613910-17923.jpg", imageAlt: "Jeans & Pants"},
|
||||
items: [
|
||||
{ icon: Zap, text: "Trending Fits" },
|
||||
{ icon: Shield, text: "Durable Quality" },
|
||||
@@ -188,13 +148,8 @@ export default function HomePage() {
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Shoes & Sneakers",
|
||||
description: "Step into style with our exclusive shoe collection. From casual sneakers to premium footwear, find the perfect pair for any occasion.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pensive-guy-wearing-shirt-sitting-stairs-outside-near-building-with-industrial-exterior_613910-18357.jpg?_wi=1",
|
||||
imageAlt: "Shoes & Sneakers",
|
||||
},
|
||||
id: "3", title: "Shoes & Sneakers", description: "Step into style with our exclusive shoe collection. From casual sneakers to premium footwear, find the perfect pair for any occasion.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pensive-guy-wearing-shirt-sitting-stairs-outside-near-building-with-industrial-exterior_613910-18357.jpg", imageAlt: "Shoes & Sneakers"},
|
||||
items: [
|
||||
{ icon: Star, text: "Designer Brands" },
|
||||
{ icon: Sparkles, text: "Latest Drops" },
|
||||
@@ -203,13 +158,8 @@ export default function HomePage() {
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Accessories",
|
||||
description: "Complete your look with our premium accessories collection. Caps, bags, and more to elevate your streetwear game.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-5880.jpg",
|
||||
imageAlt: "Accessories",
|
||||
},
|
||||
id: "4", title: "Accessories", description: "Complete your look with our premium accessories collection. Caps, bags, and more to elevate your streetwear game.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/footwear_1303-5880.jpg", imageAlt: "Accessories"},
|
||||
items: [
|
||||
{ icon: Gift, text: "Exclusive Items" },
|
||||
{ icon: Heart, text: "Customer Favorites" },
|
||||
@@ -236,48 +186,20 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "5",
|
||||
brand: "CHAQX",
|
||||
name: "Olive Green Cargo Jacket",
|
||||
price: "$159.99",
|
||||
rating: 5,
|
||||
reviewCount: "567",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-peak-man-casual-clothes-standing-hill-blue-sky-background-nature-leisure-hobby-concept_74855-23713.jpg?_wi=1",
|
||||
imageAlt: "Olive Green Cargo Jacket",
|
||||
isFavorited: false,
|
||||
id: "5", brand: "CHAQX", name: "Olive Green Cargo Jacket", price: "$159.99", rating: 5,
|
||||
reviewCount: "567", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-standing-peak-man-casual-clothes-standing-hill-blue-sky-background-nature-leisure-hobby-concept_74855-23713.jpg", imageAlt: "Olive Green Cargo Jacket", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "CHAQX",
|
||||
name: "Cream Oversized T-Shirt",
|
||||
price: "$49.99",
|
||||
rating: 5,
|
||||
reviewCount: "234",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-quarry_1303-28636.jpg?_wi=1",
|
||||
imageAlt: "Cream Oversized T-Shirt",
|
||||
isFavorited: false,
|
||||
id: "6", brand: "CHAQX", name: "Cream Oversized T-Shirt", price: "$49.99", rating: 5,
|
||||
reviewCount: "234", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-posing-quarry_1303-28636.jpg", imageAlt: "Cream Oversized T-Shirt", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "7",
|
||||
brand: "CHAQX",
|
||||
name: "Leather Crossbody Bag",
|
||||
price: "$129.99",
|
||||
rating: 5,
|
||||
reviewCount: "412",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1303-5889.jpg?_wi=1",
|
||||
imageAlt: "Leather Crossbody Bag",
|
||||
isFavorited: false,
|
||||
id: "7", brand: "CHAQX", name: "Leather Crossbody Bag", price: "$129.99", rating: 5,
|
||||
reviewCount: "412", imageSrc: "http://img.b2bpic.net/free-photo/men-shoes_1303-5889.jpg", imageAlt: "Leather Crossbody Bag", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
brand: "CHAQX",
|
||||
name: "Chunky Gold Chain",
|
||||
price: "$79.99",
|
||||
rating: 5,
|
||||
reviewCount: "189",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-clothes-posing-blue-sea_158538-2300.jpg",
|
||||
imageAlt: "Chunky Gold Chain",
|
||||
isFavorited: false,
|
||||
id: "8", brand: "CHAQX", name: "Chunky Gold Chain", price: "$79.99", rating: 5,
|
||||
reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-man-model-wearing-white-clothes-posing-blue-sea_158538-2300.jpg", imageAlt: "Chunky Gold Chain", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
@@ -299,53 +221,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Johnson",
|
||||
handle: "@marcusj_style",
|
||||
testimonial: "CHAQX has completely changed my approach to fashion. The quality is unmatched and the fit is perfect every single time. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "Marcus Johnson",
|
||||
},
|
||||
id: "1", name: "Marcus Johnson", handle: "@marcusj_style", testimonial: "CHAQX has completely changed my approach to fashion. The quality is unmatched and the fit is perfect every single time. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Marcus Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
handle: "@davidchen23",
|
||||
testimonial: "Finally found a brand that understands what men want. Premium quality, timeless designs, and exceptional customer service. CHAQX is the move.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "David Chen",
|
||||
},
|
||||
id: "2", name: "David Chen", handle: "@davidchen23", testimonial: "Finally found a brand that understands what men want. Premium quality, timeless designs, and exceptional customer service. CHAQX is the move.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "David Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ahmed Hassan",
|
||||
handle: "@ahmsetstyle",
|
||||
testimonial: "The attention to detail on every piece is incredible. From the stitching to the materials, you can feel the quality. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",
|
||||
imageAlt: "Ahmed Hassan",
|
||||
},
|
||||
id: "3", name: "Ahmed Hassan", handle: "@ahmsetstyle", testimonial: "The attention to detail on every piece is incredible. From the stitching to the materials, you can feel the quality. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Ahmed Hassan"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Miller",
|
||||
handle: "@jamesmiller_co",
|
||||
testimonial: "Been shopping with CHAQX for two years now. Consistent quality, fresh designs, and their shipping is always fast. My go-to brand.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",
|
||||
imageAlt: "James Miller",
|
||||
},
|
||||
id: "4", name: "James Miller", handle: "@jamesmiller_co", testimonial: "Been shopping with CHAQX for two years now. Consistent quality, fresh designs, and their shipping is always fast. My go-to brand.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Miller"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Carlos Rodriguez",
|
||||
handle: "@carlosrod_fit",
|
||||
testimonial: "CHAQX isn't just about clothes, it's about lifestyle. The community and vibe around the brand is something special. Love it!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",
|
||||
imageAlt: "Carlos Rodriguez",
|
||||
},
|
||||
id: "5", name: "Carlos Rodriguez", handle: "@carlosrod_fit", testimonial: "CHAQX isn't just about clothes, it's about lifestyle. The community and vibe around the brand is something special. Love it!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Carlos Rodriguez"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Kevin Park",
|
||||
handle: "@kevinpark_style",
|
||||
testimonial: "Premium pricing with premium results. Every purchase is an investment in my wardrobe. CHAQX delivers on quality and style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",
|
||||
imageAlt: "Kevin Park",
|
||||
},
|
||||
id: "6", name: "Kevin Park", handle: "@kevinpark_style", testimonial: "Premium pricing with premium results. Every purchase is an investment in my wardrobe. CHAQX delivers on quality and style.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Kevin Park"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -364,19 +250,11 @@ export default function HomePage() {
|
||||
description="Subscribe to our newsletter for exclusive drops, early access to new collections, and special discounts just for our community."
|
||||
inputs={[
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Enter your email",
|
||||
required: true,
|
||||
className: "w-full px-4 py-2 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Enter your email", required: true,
|
||||
className: "w-full px-4 py-2 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"},
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your name",
|
||||
required: false,
|
||||
className: "w-full px-4 py-2 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your name", required: false,
|
||||
className: "w-full px-4 py-2 border border-accent rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-cta"},
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/gradient-blog-template-design_52683-93917.jpg"
|
||||
@@ -397,24 +275,16 @@ export default function HomePage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/chaqx",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/chaqx", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "https://twitter.com/chaqx",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "https://twitter.com/chaqx", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/chaqx",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/chaqx", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/chaqx",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/chaqx", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
ariaLabel="Site footer"
|
||||
containerClassName="w-full py-16 bg-card"
|
||||
|
||||
Reference in New Issue
Block a user