Update src/app/shop/page.tsx
This commit is contained in:
@@ -19,8 +19,7 @@ export default function ShopPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{ label: "All Products", href: "/shop" },
|
||||
{ label: "Prepare", href: "/shop?stage=prepare" },
|
||||
{ label: "Build", href: "/shop?stage=build" },
|
||||
@@ -30,8 +29,7 @@ export default function ShopPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{ label: "Take the Quiz", href: "/" },
|
||||
{ label: "Science & Research", href: "/" },
|
||||
{ label: "Journal & Blog", href: "/" },
|
||||
@@ -41,8 +39,7 @@ export default function ShopPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms & Conditions", href: "#" },
|
||||
{ label: "Return Policy", href: "#" },
|
||||
@@ -81,68 +78,28 @@ export default function ShopPage() {
|
||||
description="Explore KAYURA's full range of clinically-formulated skincare solutions. Shop by concern, stage, or product type to find your perfect routine."
|
||||
tag="All Products"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="entrance-slide"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
products={[
|
||||
{
|
||||
id: "fs-foundation",
|
||||
name: "Foundation Serum",
|
||||
price: "$110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hand-holding-ampoule-sunlight-with-window_181624-46555.jpg?_wi=3",
|
||||
imageAlt: "Foundation Serum - Universal First Serum",
|
||||
},
|
||||
id: "fs-foundation", name: "Foundation Serum", price: "$110", imageSrc: "http://img.b2bpic.net/free-photo/closeup-hand-holding-ampoule-sunlight-with-window_181624-46555.jpg", imageAlt: "Foundation Serum - Universal First Serum"},
|
||||
{
|
||||
id: "c1-cleanser",
|
||||
name: "Exfoliating Cleanser",
|
||||
price: "$62",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-cream-background-top-view_23-2148241929.jpg?_wi=2",
|
||||
imageAlt: "Exfoliating Cleanser - Weekly Treatment",
|
||||
},
|
||||
id: "c1-cleanser", name: "Exfoliating Cleanser", price: "$62", imageSrc: "http://img.b2bpic.net/free-photo/hand-cream-background-top-view_23-2148241929.jpg", imageAlt: "Exfoliating Cleanser - Weekly Treatment"},
|
||||
{
|
||||
id: "s0-supplement",
|
||||
name: "Foundation Supplement",
|
||||
price: "$80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-pleased-young-womann-with-curly-bushy-hair-keeps-hand-face-smiles-happily-has-eyes-closed-holds-green-plant-applies-beauty-patches-eyes-uses-natural-cosmetic-skin-care-concept_273609-60711.jpg?_wi=2",
|
||||
imageAlt: "Foundation Supplement - Daily Systemic",
|
||||
},
|
||||
id: "s0-supplement", name: "Foundation Supplement", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/photo-pleased-young-womann-with-curly-bushy-hair-keeps-hand-face-smiles-happily-has-eyes-closed-holds-green-plant-applies-beauty-patches-eyes-uses-natural-cosmetic-skin-care-concept_273609-60711.jpg", imageAlt: "Foundation Supplement - Daily Systemic"},
|
||||
{
|
||||
id: "spf-mineral",
|
||||
name: "Mineral SPF 50+",
|
||||
price: "$58",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hand-holding-ampoule-sunlight-with-window_181624-46555.jpg?_wi=4",
|
||||
imageAlt: "Mineral SPF 50+ - UV Protection",
|
||||
},
|
||||
id: "spf-mineral", name: "Mineral SPF 50+", price: "$58", imageSrc: "http://img.b2bpic.net/free-photo/closeup-hand-holding-ampoule-sunlight-with-window_181624-46555.jpg", imageAlt: "Mineral SPF 50+ - UV Protection"},
|
||||
{
|
||||
id: "aging-serum",
|
||||
name: "Anti-Aging Firming Serum",
|
||||
price: "$145",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-woman-using-serum_23-2149343874.jpg?_wi=2",
|
||||
imageAlt: "Anti-Aging Firming Serum",
|
||||
},
|
||||
id: "aging-serum", name: "Anti-Aging Firming Serum", price: "$145", imageSrc: "http://img.b2bpic.net/free-photo/close-up-senior-woman-using-serum_23-2149343874.jpg", imageAlt: "Anti-Aging Firming Serum"},
|
||||
{
|
||||
id: "brightening-serum",
|
||||
name: "Brightening Essence",
|
||||
price: "$115",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-beauty-portrait-topless-woman-with-perfect-skin-natural-make-up-holds-serum-youth-skin-hydration-dropper-with-cosmetic-oil_343596-7827.jpg?_wi=2",
|
||||
imageAlt: "Brightening Essence - Pigmentation Solution",
|
||||
},
|
||||
id: "brightening-serum", name: "Brightening Essence", price: "$115", imageSrc: "http://img.b2bpic.net/free-photo/close-beauty-portrait-topless-woman-with-perfect-skin-natural-make-up-holds-serum-youth-skin-hydration-dropper-with-cosmetic-oil_343596-7827.jpg", imageAlt: "Brightening Essence - Pigmentation Solution"},
|
||||
{
|
||||
id: "acne-treatment",
|
||||
name: "Microbiome Clarifying Serum",
|
||||
price: "$95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-dealing-with-rosacea_23-2150478613.jpg?_wi=2",
|
||||
imageAlt: "Microbiome Clarifying Serum",
|
||||
},
|
||||
id: "acne-treatment", name: "Microbiome Clarifying Serum", price: "$95", imageSrc: "http://img.b2bpic.net/free-photo/person-dealing-with-rosacea_23-2150478613.jpg", imageAlt: "Microbiome Clarifying Serum"},
|
||||
{
|
||||
id: "barrier-balm",
|
||||
name: "Barrier Repair Balm",
|
||||
price: "$88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-jar-with-cosmetic-cream-her-hands_1150-11722.jpg?_wi=2",
|
||||
imageAlt: "Barrier Repair Balm - Sensitive Care",
|
||||
},
|
||||
id: "barrier-balm", name: "Barrier Repair Balm", price: "$88", imageSrc: "http://img.b2bpic.net/free-photo/woman-holds-jar-with-cosmetic-cream-her-hands_1150-11722.jpg", imageAlt: "Barrier Repair Balm - Sensitive Care"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -157,48 +114,18 @@ export default function ShopPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Chen, Beauty Director",
|
||||
date: "Date: 15 November 2024",
|
||||
title: "My skin has never looked clearer",
|
||||
quote: "The concern-driven approach to skincare finally made sense to me. I used the quiz to find products specifically for hyperpigmentation, and within 8 weeks I saw visible improvement in my dark spots. The Foundation Serum is now non-negotiable in my routine.",
|
||||
tag: "Verified Purchase",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-s-day-concept_23-2148594291.jpg",
|
||||
avatarAlt: "Sarah Chen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-s-day-concept_23-2148594291.jpg?_wi=2",
|
||||
imageAlt: "Sarah Chen testimonial",
|
||||
},
|
||||
id: "t1", name: "Sarah Chen, Beauty Director", date: "Date: 15 November 2024", title: "My skin has never looked clearer", quote: "The concern-driven approach to skincare finally made sense to me. I used the quiz to find products specifically for hyperpigmentation, and within 8 weeks I saw visible improvement in my dark spots. The Foundation Serum is now non-negotiable in my routine.", tag: "Verified Purchase", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-s-day-concept_23-2148594291.jpg", avatarAlt: "Sarah Chen", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-s-day-concept_23-2148594291.jpg", imageAlt: "Sarah Chen testimonial"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marcus Williams, CEO",
|
||||
date: "Date: 10 November 2024",
|
||||
title: "Systemic + topical actually works",
|
||||
quote: "I was skeptical about the supplement angle, but after 12 weeks on the Foundation Supplement paired with topical serums, my skin texture improved dramatically. This is the first skincare brand that treats skin health holistically.",
|
||||
tag: "Verified Purchase",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-with-perfect-light-brown-skin-beautiful-curly-black-hair-smiling-camera-studio_633478-967.jpg",
|
||||
avatarAlt: "Marcus Williams",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-perfect-light-brown-skin-beautiful-curly-black-hair-smiling-camera-studio_633478-967.jpg?_wi=2",
|
||||
imageAlt: "Marcus Williams testimonial",
|
||||
},
|
||||
id: "t2", name: "Marcus Williams, CEO", date: "Date: 10 November 2024", title: "Systemic + topical actually works", quote: "I was skeptical about the supplement angle, but after 12 weeks on the Foundation Supplement paired with topical serums, my skin texture improved dramatically. This is the first skincare brand that treats skin health holistically.", tag: "Verified Purchase", avatarSrc: "http://img.b2bpic.net/free-photo/young-girl-with-perfect-light-brown-skin-beautiful-curly-black-hair-smiling-camera-studio_633478-967.jpg", avatarAlt: "Marcus Williams", imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-perfect-light-brown-skin-beautiful-curly-black-hair-smiling-camera-studio_633478-967.jpg", imageAlt: "Marcus Williams testimonial"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Amelia Rodriguez, Dermatologist",
|
||||
date: "Date: 8 November 2024",
|
||||
title: "Clinically sound formulations",
|
||||
quote: "As a dermatologist, I'm impressed by KAYURA's attention to ingredient science and clinical validation. I now recommend their products to patients with specific skin concerns. The multi-taxonomy navigation empowers users to make informed choices.",
|
||||
tag: "Professional",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396202.jpg",
|
||||
avatarAlt: "Amelia Rodriguez",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396202.jpg?_wi=2",
|
||||
imageAlt: "Amelia Rodriguez testimonial",
|
||||
},
|
||||
id: "t3", name: "Amelia Rodriguez, Dermatologist", date: "Date: 8 November 2024", title: "Clinically sound formulations", quote: "As a dermatologist, I'm impressed by KAYURA's attention to ingredient science and clinical validation. I now recommend their products to patients with specific skin concerns. The multi-taxonomy navigation empowers users to make informed choices.", tag: "Professional", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396202.jpg", avatarAlt: "Amelia Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-practicing-selfcare_23-2150396202.jpg", imageAlt: "Amelia Rodriguez testimonial"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646455.jpg"
|
||||
imageAlt="KAYURA Premium Skincare Collection"
|
||||
logoText="KAYURA"
|
||||
copyrightText="© 2024 KAYURA | Premium Systemic & Topical Skincare"
|
||||
|
||||
Reference in New Issue
Block a user