Update src/app/mens/page.tsx
This commit is contained in:
@@ -3,6 +3,7 @@
|
||||
import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
@@ -38,6 +39,25 @@ export default function MensPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mens-hero" data-section="mens-hero">
|
||||
<HeroCentered
|
||||
title="Men's Premium Grooming Collection"
|
||||
description="Professional-grade skincare and grooming solutions engineered for the modern man. Elevate your routine with our curated selection."
|
||||
avatarText="Trusted by 30,000+ men worldwide"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/sincere-delighted-feminine-blond-girl-with-blue-eyes-nice-happy-smile-gazing-camera-giggling-having-fun-laughing-enjoying-evening-posing-satisfied-cheerful-tender-pose-white-wall_176420-35203.jpg", alt: "Customer 3" }
|
||||
]}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[
|
||||
{ text: "Shop Collection", href: "/shop" },
|
||||
{ text: "Learn More", href: "#mens-collection" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mens-collection" data-section="mens-collection">
|
||||
<FeatureCardNineteen
|
||||
title="Men's Premium Grooming"
|
||||
@@ -48,33 +68,15 @@ export default function MensPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Grooming",
|
||||
title: "Beard Care Collection",
|
||||
subtitle: "Ultimate beard maintenance and styling",
|
||||
description: "Complete beard care range including premium beard oils, styling creams, and grooming tools. Natural, paraben-free formulas that nourish and strengthen. Designed for all beard types.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg?_wi=2",
|
||||
imageAlt: "Beard Oil",
|
||||
buttons: [{ text: "Explore", href: "/shop" }]
|
||||
tag: "Grooming", title: "Beard Care Collection", subtitle: "Ultimate beard maintenance and styling", description: "Complete beard care range including premium beard oils, styling creams, and grooming tools. Natural, paraben-free formulas that nourish and strengthen. Designed for all beard types.", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg", imageAlt: "Beard Oil", buttons: [{ text: "Explore", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Skincare",
|
||||
title: "Charcoal Face Wash",
|
||||
subtitle: "Deep cleanse without harshness",
|
||||
description: "Activated charcoal removes impurities and excess oil while maintaining skin balance. Anti-acne formula clinically proven to reduce breakouts. Suitable for sensitive skin.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-face-mask-towel_23-2149626969.jpg?_wi=1",
|
||||
imageAlt: "Charcoal Face Wash",
|
||||
buttons: [{ text: "Discover", href: "/shop" }]
|
||||
tag: "Skincare", title: "Charcoal Face Wash", subtitle: "Deep cleanse without harshness", description: "Activated charcoal removes impurities and excess oil while maintaining skin balance. Anti-acne formula clinically proven to reduce breakouts. Suitable for sensitive skin.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-face-mask-towel_23-2149626969.jpg", imageAlt: "Charcoal Face Wash", buttons: [{ text: "Discover", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Fragrance",
|
||||
title: "Premium Fragrances",
|
||||
subtitle: "Sophisticated scents for every occasion",
|
||||
description: "Bold, masculine fragrances that make a statement. Long-lasting formula with natural ingredients. Perfect for work, casual, or special occasions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg?_wi=1",
|
||||
imageAlt: "Men's Perfume",
|
||||
buttons: [{ text: "Shop Now", href: "/mens" }]
|
||||
tag: "Fragrance", title: "Premium Fragrances", subtitle: "Sophisticated scents for every occasion", description: "Bold, masculine fragrances that make a statement. Long-lasting formula with natural ingredients. Perfect for work, casual, or special occasions.", imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg", imageAlt: "Men's Perfume", buttons: [{ text: "Shop Now", href: "/mens" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -82,61 +84,44 @@ export default function MensPage() {
|
||||
|
||||
<div id="mens-products" data-section="mens-products">
|
||||
<ProductCardTwo
|
||||
title="Men's Grooming Essentials"
|
||||
description="Discover our complete range of premium men's skincare and grooming products"
|
||||
tag="For Him"
|
||||
title="Best-Selling Men's Products"
|
||||
description="Our most-loved grooming and skincare essentials"
|
||||
tag="Top Picks"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "GlowAura",
|
||||
name: "Premium Beard Oil",
|
||||
price: "$65.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.2k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg?_wi=3",
|
||||
imageAlt: "Beard Oil"
|
||||
id: "1", brand: "GlowAura", name: "Premium Beard Oil", price: "$65.00", rating: 5,
|
||||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg", imageAlt: "Beard Oil"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "GlowAura",
|
||||
name: "Charcoal Face Wash",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "980",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-face-mask-towel_23-2149626969.jpg?_wi=2",
|
||||
imageAlt: "Face Wash"
|
||||
id: "2", brand: "GlowAura", name: "Charcoal Face Wash", price: "$45.00", rating: 5,
|
||||
reviewCount: "980", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-face-mask-towel_23-2149626969.jpg", imageAlt: "Charcoal Face Wash"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "GlowAura",
|
||||
name: "Signature Men's Cologne",
|
||||
price: "$95.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.1k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg?_wi=2",
|
||||
imageAlt: "Men's Perfume"
|
||||
id: "3", brand: "GlowAura", name: "Signature Cologne", price: "$85.00", rating: 5,
|
||||
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/man-s-accessories-wooden-surface_8353-10515.jpg", imageAlt: "Men's Perfume"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="newsletter-mens" data-section="newsletter-mens">
|
||||
<div id="newsletter" data-section="newsletter">
|
||||
<ContactSplit
|
||||
tag="Men's Exclusives"
|
||||
title="Get Grooming Tips & Special Offers"
|
||||
description="Subscribe to receive grooming guides, product recommendations, and exclusive discounts for our male community"
|
||||
tag="Newsletter"
|
||||
title="Stay Updated on Men's Grooming"
|
||||
description="Subscribe to receive exclusive men's grooming tips, new product launches, and special offers."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg?_wi=4"
|
||||
imageAlt="Men's grooming products"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-holding-face-oil-bottle_23-2148696678.jpg"
|
||||
imageAlt="Men's Grooming"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="none"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms and Privacy Policy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,8 +129,7 @@ export default function MensPage() {
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "Women's Collection", href: "/womens" },
|
||||
{ label: "Men's Collection", href: "/mens" },
|
||||
{ label: "All Products", href: "/shop" },
|
||||
@@ -153,8 +137,7 @@ export default function MensPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -162,8 +145,7 @@ export default function MensPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user