Merge version_1 into main #3
@@ -47,6 +47,7 @@ export default function ContactPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"
|
||||
imageAlt="Contact GlowAura"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="none"
|
||||
inputPlaceholder="your@email.com"
|
||||
buttonText="Send Message"
|
||||
termsText="We respect your privacy and will only use your email to respond to your inquiry."
|
||||
|
||||
@@ -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: "#" },
|
||||
|
||||
147
src/app/page.tsx
147
src/app/page.tsx
@@ -6,6 +6,7 @@ import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||
import FeatureCardNineteen as FeatureCardNineteenMens from "@/components/sections/feature/FeatureCardNineteen";
|
||||
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
@@ -22,7 +23,7 @@ const navItems = [
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function HomePage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
@@ -73,34 +74,64 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "GlowAura",
|
||||
name: "Vitamin C Radiance Serum",
|
||||
price: "$89.00",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg?_wi=1",
|
||||
imageAlt: "Vitamin C Serum"
|
||||
id: "1", brand: "GlowAura", name: "Vitamin C Radiance Serum", price: "$89.00", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg", imageAlt: "Vitamin C Serum"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "GlowAura",
|
||||
name: "Luxury Night Cream",
|
||||
price: "$125.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg?_wi=1",
|
||||
imageAlt: "Night Cream"
|
||||
id: "2", brand: "GlowAura", name: "Luxury Night Cream", price: "$125.00", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg", imageAlt: "Night Cream"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
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=1",
|
||||
imageAlt: "Beard Oil"
|
||||
id: "3", 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"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="womens-collection" data-section="womens-collection">
|
||||
<FeatureCardNineteen
|
||||
title="Women's Beauty Excellence"
|
||||
description="Elevate your skincare and beauty routine with our premium collection designed for radiant, healthy skin"
|
||||
tag="For Her"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Skincare", title: "Face Serums", subtitle: "Advanced hydration and brightening", description: "Our face serums are formulated with natural ingredients to restore luminosity and even skin tone. Infused with vitamin C and hyaluronic acid for maximum radiance. Suitable for all skin types, dermatologically tested.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg", imageAlt: "Face Serum", buttons: [{ text: "Explore", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Protection", title: "Sunscreen SPF 50", subtitle: "Premium UV protection with a light feel", description: "Broad-spectrum protection that prevents sun damage and premature aging. Lightweight, non-greasy formula that won't clog pores. 100% natural ingredients, cruelty-free, and eco-friendly packaging.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167906.jpg", imageAlt: "Sunscreen SPF 50", buttons: [{ text: "Discover", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Fragrance", title: "Signature Perfumes", subtitle: "Luxurious scents that last all day", description: "Handcrafted fragrances with premium ingredients from around the world. Each scent tells a story of elegance and sophistication. Long-lasting formula with natural essential oils.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-seductive-sensual-stylish-woman-boho-dress-sitting-vintage-retro-cafe-holding-perfume_285396-6907.jpg", imageAlt: "Luxury Perfume", buttons: [{ text: "Shop Now", href: "/womens" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mens-collection" data-section="mens-collection">
|
||||
<FeatureCardNineteenMens
|
||||
title="Men's Premium Grooming"
|
||||
description="Professional-grade skincare and grooming solutions engineered for the modern man"
|
||||
tag="For Him"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
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", 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", 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", imageAlt: "Men's Perfume", buttons: [{ text: "Shop Now", href: "/mens" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -133,58 +164,28 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Beauty Enthusiast",
|
||||
company: "NYC",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson"
|
||||
id: "1", name: "Sarah Johnson", role: "Beauty Enthusiast", company: "NYC", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-caucasian-smiling-woman_93675-135471.jpg", imageAlt: "Sarah Johnson"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Skincare Professional",
|
||||
company: "Los Angeles",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1",
|
||||
imageAlt: "Emily Rodriguez"
|
||||
id: "2", name: "Emily Rodriguez", role: "Skincare Professional", company: "Los Angeles", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Emily Rodriguez"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jessica Chen",
|
||||
role: "Wellness Coach",
|
||||
company: "San Francisco",
|
||||
rating: 5,
|
||||
imageSrc: "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?_wi=1",
|
||||
imageAlt: "Jessica Chen"
|
||||
id: "3", name: "Jessica Chen", role: "Wellness Coach", company: "San Francisco", rating: 5,
|
||||
imageSrc: "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", imageAlt: "Jessica Chen"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Rachel Williams",
|
||||
role: "Fashion Blogger",
|
||||
company: "Miami",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg?_wi=1",
|
||||
imageAlt: "Rachel Williams"
|
||||
id: "4", name: "Rachel Williams", role: "Fashion Blogger", company: "Miami", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", imageAlt: "Rachel Williams"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amanda Davis",
|
||||
role: "Dermatologist",
|
||||
company: "Boston",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=2",
|
||||
imageAlt: "Amanda Davis"
|
||||
id: "5", name: "Amanda Davis", role: "Dermatologist", company: "Boston", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "Amanda Davis"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Michelle Garcia",
|
||||
role: "Entrepreneur",
|
||||
company: "Austin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg?_wi=1",
|
||||
imageAlt: "Michelle Garcia"
|
||||
id: "6", name: "Michelle Garcia", role: "Entrepreneur", company: "Austin", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-haired-girl-toasty-fluffy-sweater-with-lens-flare-white-background_633478-2094.jpg", imageAlt: "Michelle Garcia"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
@@ -215,9 +216,10 @@ export default function HomePage() {
|
||||
description="Subscribe to receive beauty tips, product launches, and exclusive discounts delivered to your inbox"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"
|
||||
imageAlt="Newsletter subscription"
|
||||
mediaPosition="right"
|
||||
mediaAnimation="none"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms and Privacy Policy."
|
||||
@@ -228,8 +230,7 @@ export default function HomePage() {
|
||||
<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" },
|
||||
@@ -237,8 +238,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -246,8 +246,7 @@ export default function HomePage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
|
||||
@@ -4,7 +4,6 @@ import Link from "next/link";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
||||
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
||||
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
||||
import ContactSplit from "@/components/sections/contact/ContactSplit";
|
||||
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
||||
|
||||
@@ -40,8 +39,8 @@ export default function ShopPage() {
|
||||
|
||||
<div id="all-products" data-section="all-products">
|
||||
<ProductCardTwo
|
||||
title="Shop All Products"
|
||||
description="Browse our complete collection of luxury beauty and skincare products"
|
||||
title="All Products"
|
||||
description="Browse our complete collection of premium beauty and skincare products"
|
||||
tag="Complete Collection"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
@@ -49,95 +48,47 @@ export default function ShopPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "GlowAura",
|
||||
name: "Vitamin C Radiance Serum",
|
||||
price: "$89.00",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg?_wi=4",
|
||||
imageAlt: "Vitamin C Serum"
|
||||
id: "1", brand: "GlowAura", name: "Vitamin C Radiance Serum", price: "$89.00", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg", imageAlt: "Vitamin C Serum"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "GlowAura",
|
||||
name: "Luxury Night Cream",
|
||||
price: "$125.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg?_wi=3",
|
||||
imageAlt: "Night Cream"
|
||||
id: "2", brand: "GlowAura", name: "Luxury Night Cream", price: "$125.00", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg", imageAlt: "Night Cream"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "GlowAura",
|
||||
name: "Premium Sunscreen SPF 50",
|
||||
price: "$75.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167906.jpg?_wi=3",
|
||||
imageAlt: "Sunscreen"
|
||||
id: "3", brand: "GlowAura", name: "Premium Sunscreen SPF 50", price: "$55.00", rating: 5,
|
||||
reviewCount: "1.6k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167906.jpg", imageAlt: "Sunscreen SPF 50"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "GlowAura",
|
||||
name: "Signature Perfumes",
|
||||
price: "$110.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.9k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-seductive-sensual-stylish-woman-boho-dress-sitting-vintage-retro-cafe-holding-perfume_285396-6907.jpg?_wi=2",
|
||||
imageAlt: "Luxury Perfume"
|
||||
id: "4", brand: "GlowAura", name: "Signature Perfume", price: "$95.00", rating: 5,
|
||||
reviewCount: "1.4k", imageSrc: "http://img.b2bpic.net/free-photo/attractive-seductive-sensual-stylish-woman-boho-dress-sitting-vintage-retro-cafe-holding-perfume_285396-6907.jpg", imageAlt: "Luxury Perfume"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
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=5",
|
||||
imageAlt: "Beard Oil"
|
||||
id: "5", 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: "6",
|
||||
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=3",
|
||||
imageAlt: "Face Wash"
|
||||
id: "6", 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"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="trust-badges" data-section="trust-badges">
|
||||
<SocialProofOne
|
||||
title="Why Shop GlowAura"
|
||||
description="Experience the difference that premium, natural ingredients make"
|
||||
tag="Quality Assurance"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={["Cruelty-Free Certified", "Dermatologically Tested", "Paraben-Free Formula", "100% Natural Ingredients", "Eco-Friendly Packaging", "Vegan Friendly", "Non-Toxic", "Clinically Proven"]}
|
||||
showCard={true}
|
||||
speed={40}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="newsletter-shop" data-section="newsletter-shop">
|
||||
<div id="newsletter" data-section="newsletter">
|
||||
<ContactSplit
|
||||
tag="Email Updates"
|
||||
title="Discover What's New"
|
||||
description="Get notified about new arrivals, exclusive collections, and special promotions"
|
||||
tag="Newsletter"
|
||||
title="Get Special Shop Offers"
|
||||
description="Subscribe to our newsletter for exclusive discounts on new arrivals and limited-edition products."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg?_wi=3"
|
||||
imageAlt="New product collections"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg"
|
||||
imageAlt="Newsletter subscription"
|
||||
mediaPosition="left"
|
||||
mediaAnimation="none"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Updates"
|
||||
termsText="We respect your privacy. Unsubscribe at any time."
|
||||
buttonText="Subscribe"
|
||||
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to our Terms and Privacy Policy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,8 +96,7 @@ export default function ShopPage() {
|
||||
<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" },
|
||||
@@ -154,8 +104,7 @@ export default function ShopPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -163,8 +112,7 @@ export default function ShopPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
|
||||
@@ -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 WomensPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="womens-hero" data-section="womens-hero">
|
||||
<HeroCentered
|
||||
title="Women's Premium Beauty Collection"
|
||||
description="Discover our luxurious skincare and beauty line designed specifically for the modern woman. Experience radiant, glowing skin with our premium formulations."
|
||||
avatarText="Trusted by 40,000+ women 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: "#womens-collection" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="womens-collection" data-section="womens-collection">
|
||||
<FeatureCardNineteen
|
||||
title="Women's Beauty Excellence"
|
||||
@@ -48,33 +68,15 @@ export default function WomensPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Skincare",
|
||||
title: "Face Serums",
|
||||
subtitle: "Advanced hydration and brightening",
|
||||
description: "Our face serums are formulated with natural ingredients to restore luminosity and even skin tone. Infused with vitamin C and hyaluronic acid for maximum radiance. Suitable for all skin types, dermatologically tested.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg?_wi=2",
|
||||
imageAlt: "Face Serum",
|
||||
buttons: [{ text: "Explore", href: "/shop" }]
|
||||
tag: "Skincare", title: "Face Serums", subtitle: "Advanced hydration and brightening", description: "Our face serums are formulated with natural ingredients to restore luminosity and even skin tone. Infused with vitamin C and hyaluronic acid for maximum radiance. Suitable for all skin types, dermatologically tested.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg", imageAlt: "Face Serum", buttons: [{ text: "Explore", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Protection",
|
||||
title: "Sunscreen SPF 50",
|
||||
subtitle: "Premium UV protection with a light feel",
|
||||
description: "Broad-spectrum protection that prevents sun damage and premature aging. Lightweight, non-greasy formula that won't clog pores. 100% natural ingredients, cruelty-free, and eco-friendly packaging.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167906.jpg?_wi=1",
|
||||
imageAlt: "Sunscreen SPF 50",
|
||||
buttons: [{ text: "Discover", href: "/shop" }]
|
||||
tag: "Protection", title: "Sunscreen SPF 50", subtitle: "Premium UV protection with a light feel", description: "Broad-spectrum protection that prevents sun damage and premature aging. Lightweight, non-greasy formula that won't clog pores. 100% natural ingredients, cruelty-free, and eco-friendly packaging.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167906.jpg", imageAlt: "Sunscreen SPF 50", buttons: [{ text: "Discover", href: "/shop" }]
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Fragrance",
|
||||
title: "Signature Perfumes",
|
||||
subtitle: "Luxurious scents that last all day",
|
||||
description: "Handcrafted fragrances with premium ingredients from around the world. Each scent tells a story of elegance and sophistication. Long-lasting formula with natural essential oils.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-seductive-sensual-stylish-woman-boho-dress-sitting-vintage-retro-cafe-holding-perfume_285396-6907.jpg?_wi=1",
|
||||
imageAlt: "Luxury Perfume",
|
||||
buttons: [{ text: "Shop Now", href: "/womens" }]
|
||||
tag: "Fragrance", title: "Signature Perfumes", subtitle: "Luxurious scents that last all day", description: "Handcrafted fragrances with premium ingredients from around the world. Each scent tells a story of elegance and sophistication. Long-lasting formula with natural essential oils.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-seductive-sensual-stylish-woman-boho-dress-sitting-vintage-retro-cafe-holding-perfume_285396-6907.jpg", imageAlt: "Luxury Perfume", buttons: [{ text: "Shop Now", href: "/womens" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -82,61 +84,44 @@ export default function WomensPage() {
|
||||
|
||||
<div id="womens-products" data-section="womens-products">
|
||||
<ProductCardTwo
|
||||
title="Women's Premium Products"
|
||||
description="Discover our complete collection of luxury skincare and beauty essentials"
|
||||
tag="For Her"
|
||||
title="Best-Selling Women's Products"
|
||||
description="Our most-loved skincare and beauty essentials"
|
||||
tag="Top Picks"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "GlowAura",
|
||||
name: "Vitamin C Radiance Serum",
|
||||
price: "$89.00",
|
||||
rating: 5,
|
||||
reviewCount: "2.3k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg?_wi=3",
|
||||
imageAlt: "Vitamin C Serum"
|
||||
id: "1", brand: "GlowAura", name: "Vitamin C Radiance Serum", price: "$89.00", rating: 5,
|
||||
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg", imageAlt: "Vitamin C Serum"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "GlowAura",
|
||||
name: "Luxury Night Cream",
|
||||
price: "$125.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.8k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg?_wi=2",
|
||||
imageAlt: "Night Cream"
|
||||
id: "2", brand: "GlowAura", name: "Luxury Night Cream", price: "$125.00", rating: 5,
|
||||
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/luxury-cream-jar-silk-fabric_9975-134546.jpg", imageAlt: "Night Cream"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "GlowAura",
|
||||
name: "Premium Sunscreen SPF 50",
|
||||
price: "$75.00",
|
||||
rating: 5,
|
||||
reviewCount: "1.5k",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167906.jpg?_wi=2",
|
||||
imageAlt: "Sunscreen"
|
||||
id: "3", brand: "GlowAura", name: "Premium Sunscreen SPF 50", price: "$55.00", rating: 5,
|
||||
reviewCount: "1.6k", imageSrc: "http://img.b2bpic.net/free-photo/top-view-skincare-product-beach_23-2150167906.jpg", imageAlt: "Sunscreen SPF 50"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="newsletter-womens" data-section="newsletter-womens">
|
||||
<div id="newsletter" data-section="newsletter">
|
||||
<ContactSplit
|
||||
tag="Exclusive Offers"
|
||||
title="Get Beauty Tips & Exclusive Discounts"
|
||||
description="Join our community of beauty enthusiasts and receive personalized skincare recommendations"
|
||||
tag="Newsletter"
|
||||
title="Stay Updated on Women's Beauty"
|
||||
description="Subscribe to receive exclusive beauty tips, new product launches, and special offers for our women's collection."
|
||||
background={{ variant: "radial-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-fair-skinned-young-women-s-hands-holding-jars-organic-body-creams-care-moisturizing-concept_197531-31493.jpg?_wi=2"
|
||||
imageAlt="Women's beauty collection"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047740.jpg"
|
||||
imageAlt="Women's Beauty"
|
||||
mediaPosition="left"
|
||||
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 WomensPage() {
|
||||
<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 WomensPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
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 WomensPage() {
|
||||
]
|
||||
},
|
||||
{
|
||||
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