Update src/app/shop/page.tsx

This commit is contained in:
2026-03-04 06:15:26 +00:00
parent f7d9285fbe
commit 8fb301a528

View File

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