bender/7785ace4-e5ff-487a-8a2b-b33c75e1e357
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-04 06:15:26 +00:00
parent cece96142c
commit f7d9285fbe
1 changed files with 73 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
src/app/page.tsx
View File

@@ -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: "#" },