Update src/app/shop/page.tsx
This commit is contained in:
@@ -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: "#" },
|
||||
|
||||
Reference in New Issue
Block a user