Update src/app/products/page.tsx
This commit is contained in:
@@ -34,9 +34,7 @@ export default function ProductsPage() {
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -51,68 +49,28 @@ export default function ProductsPage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "natural-color-deep-brown",
|
||||
name: "Natural Color System - Deep Brown",
|
||||
price: "€89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg?_wi=2",
|
||||
imageAlt: "Natural Color System - Deep Brown",
|
||||
initialQuantity: 1,
|
||||
id: "natural-color-deep-brown", name: "Natural Color System - Deep Brown", price: "€89.00", imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg", imageAlt: "Natural Color System - Deep Brown", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "natural-color-blonde",
|
||||
name: "Natural Color System - Golden Blonde",
|
||||
price: "€89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/cosmetics-beauty-product-bottles-advertising-banner_33099-1799.jpg?_wi=2",
|
||||
imageAlt: "Natural Color System - Golden Blonde",
|
||||
initialQuantity: 1,
|
||||
id: "natural-color-blonde", name: "Natural Color System - Golden Blonde", price: "€89.00", imageSrc: "http://img.b2bpic.net/free-vector/cosmetics-beauty-product-bottles-advertising-banner_33099-1799.jpg", imageAlt: "Natural Color System - Golden Blonde", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "natural-color-red",
|
||||
name: "Natural Color System - Vibrant Red",
|
||||
price: "€89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg?_wi=3",
|
||||
imageAlt: "Natural Color System - Vibrant Red",
|
||||
initialQuantity: 1,
|
||||
id: "natural-color-red", name: "Natural Color System - Vibrant Red", price: "€89.00", imageSrc: "http://img.b2bpic.net/free-photo/wave-sandstone-rock-formations-arizona-united-states_181624-44179.jpg", imageAlt: "Natural Color System - Vibrant Red", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "capsule-auburn",
|
||||
name: "Capsule Color System - Auburn",
|
||||
price: "€79.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg?_wi=2",
|
||||
imageAlt: "Capsule Color System - Auburn",
|
||||
initialQuantity: 1,
|
||||
id: "capsule-auburn", name: "Capsule Color System - Auburn", price: "€79.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg", imageAlt: "Capsule Color System - Auburn", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "capsule-espresso",
|
||||
name: "Capsule Color System - Espresso",
|
||||
price: "€79.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg?_wi=3",
|
||||
imageAlt: "Capsule Color System - Espresso",
|
||||
initialQuantity: 1,
|
||||
id: "capsule-espresso", name: "Capsule Color System - Espresso", price: "€79.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pills_23-2148533046.jpg", imageAlt: "Capsule Color System - Espresso", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "premium-shampoo",
|
||||
name: "Premium Botanical Shampoo",
|
||||
price: "€45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238253.jpg?_wi=2",
|
||||
imageAlt: "Premium Botanical Shampoo",
|
||||
initialQuantity: 1,
|
||||
id: "premium-shampoo", name: "Premium Botanical Shampoo", price: "€45.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238253.jpg", imageAlt: "Premium Botanical Shampoo", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "color-treatment",
|
||||
name: "Color-Protecting Treatment Mask",
|
||||
price: "€55.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg?_wi=2",
|
||||
imageAlt: "Color-Protecting Treatment Mask",
|
||||
initialQuantity: 1,
|
||||
id: "color-treatment", name: "Color-Protecting Treatment Mask", price: "€55.00", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-hair-slugging-night-routine_23-2150396588.jpg", imageAlt: "Color-Protecting Treatment Mask", initialQuantity: 1,
|
||||
},
|
||||
{
|
||||
id: "starter-kit",
|
||||
name: "Starter Luxury Kit",
|
||||
price: "€199.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-men-cologne-box-heart-shaped-box-flowers-table_140725-144825.jpg?_wi=2",
|
||||
imageAlt: "Starter Luxury Kit with complete range",
|
||||
initialQuantity: 1,
|
||||
id: "starter-kit", name: "Starter Luxury Kit", price: "€199.00", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-men-cologne-box-heart-shaped-box-flowers-table_140725-144825.jpg", imageAlt: "Starter Luxury Kit with complete range", initialQuantity: 1,
|
||||
},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -132,32 +90,14 @@ export default function ProductsPage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marco Colombo",
|
||||
role: "Salon Owner",
|
||||
company: "Studio Marco - Milan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg?_wi=2",
|
||||
imageAlt: "Marco Colombo",
|
||||
},
|
||||
id: "1", name: "Marco Colombo", role: "Salon Owner", company: "Studio Marco - Milan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-entrepreneur-wearing-white-shirt-posing-standing-with-crossed-arms-indoors_7502-9695.jpg", imageAlt: "Marco Colombo"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Giulia Rossi",
|
||||
role: "Professional Stylist",
|
||||
company: "Bella Salon - Rome",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg?_wi=2",
|
||||
imageAlt: "Giulia Rossi",
|
||||
},
|
||||
id: "2", name: "Giulia Rossi", role: "Professional Stylist", company: "Bella Salon - Rome", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81875.jpg", imageAlt: "Giulia Rossi"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alessandra Bianchi",
|
||||
role: "Loyal Customer",
|
||||
company: "Beauty Enthusiast",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-862.jpg?_wi=2",
|
||||
imageAlt: "Alessandra Bianchi",
|
||||
},
|
||||
id: "3", name: "Alessandra Bianchi", role: "Loyal Customer", company: "Beauty Enthusiast", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoors_624325-862.jpg", imageAlt: "Alessandra Bianchi"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Would Recommend" },
|
||||
@@ -193,8 +133,7 @@ export default function ProductsPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Natural Color System", href: "/products" },
|
||||
{ label: "Capsule Technology", href: "/products" },
|
||||
{ label: "Hair Care Range", href: "/products" },
|
||||
@@ -202,8 +141,7 @@ export default function ProductsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -211,8 +149,7 @@ export default function ProductsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "/contact" },
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Shipping Info", href: "#" },
|
||||
@@ -220,8 +157,7 @@ export default function ProductsPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookies", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user