Merge version_1 into main #2
@@ -31,7 +31,7 @@ export default function AboutPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -42,9 +42,7 @@ export default function AboutPage() {
|
||||
brandName="Storefront"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,22 +59,16 @@ export default function AboutPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Heart,
|
||||
title: "Customer First",
|
||||
description:
|
||||
"Your satisfaction is our top priority. We go above and beyond to ensure every customer has an exceptional experience",
|
||||
},
|
||||
title: "Customer First", description:
|
||||
"Your satisfaction is our top priority. We go above and beyond to ensure every customer has an exceptional experience"},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Quality Excellence",
|
||||
description:
|
||||
"We curate only the finest products from trusted brands and verified sellers to ensure premium quality",
|
||||
},
|
||||
title: "Quality Excellence", description:
|
||||
"We curate only the finest products from trusted brands and verified sellers to ensure premium quality"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Innovation & Speed",
|
||||
description:
|
||||
"Continuous improvement and fast, efficient service to meet your evolving shopping needs",
|
||||
},
|
||||
title: "Innovation & Speed", description:
|
||||
"Continuous improvement and fast, efficient service to meet your evolving shopping needs"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,15 +83,7 @@ export default function AboutPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apple",
|
||||
"Samsung",
|
||||
"Sony",
|
||||
"Canon",
|
||||
"Nikon",
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
]}
|
||||
"Apple", "Samsung", "Sony", "Canon", "Nikon", "Microsoft", "Google", "Amazon"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -112,7 +96,7 @@ export default function AboutPage() {
|
||||
tagAnimation="slide-up"
|
||||
title="Experience Premium Shopping"
|
||||
description="Become part of our growing community of satisfied customers. Start shopping today and discover why thousands choose Storefront for their premium product needs."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Start Shopping", href: "/products" },
|
||||
@@ -160,21 +144,13 @@ export default function AboutPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -31,7 +31,7 @@ export default function ContactPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -42,9 +42,7 @@ export default function ContactPage() {
|
||||
brandName="Storefront"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -61,22 +59,16 @@ export default function ContactPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Mail,
|
||||
title: "Email Support",
|
||||
description:
|
||||
"Send us your questions and we'll respond within 24 hours at support@storefront.com",
|
||||
},
|
||||
title: "Email Support", description:
|
||||
"Send us your questions and we'll respond within 24 hours at support@storefront.com"},
|
||||
{
|
||||
icon: Phone,
|
||||
title: "Phone Support",
|
||||
description:
|
||||
"Call our team at 1-800-SHOP-NOW. Available Monday-Sunday, 8AM-10PM EST",
|
||||
},
|
||||
title: "Phone Support", description:
|
||||
"Call our team at 1-800-SHOP-NOW. Available Monday-Sunday, 8AM-10PM EST"},
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Visit Us",
|
||||
description:
|
||||
"Located at 123 Commerce Street, Shopping District, NY 10001. Visit our flagship store",
|
||||
},
|
||||
title: "Visit Us", description:
|
||||
"Located at 123 Commerce Street, Shopping District, NY 10001. Visit our flagship store"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,65 +85,29 @@ export default function ContactPage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica Lopez",
|
||||
handle: "@jessicalopez",
|
||||
testimonial:
|
||||
"Outstanding quality and incredible prices! I've been shopping here for over a year and never had a single issue.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=5",
|
||||
imageAlt: "Jessica Lopez",
|
||||
},
|
||||
id: "1", name: "Jessica Lopez", handle: "@jessicalopez", testimonial:
|
||||
"Outstanding quality and incredible prices! I've been shopping here for over a year and never had a single issue.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Jessica Lopez"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thompson",
|
||||
handle: "@marcusthompson",
|
||||
testimonial:
|
||||
"The customer service team is phenomenal. They resolved my question within hours!",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg?_wi=2",
|
||||
imageAlt: "Marcus Thompson",
|
||||
},
|
||||
id: "2", name: "Marcus Thompson", handle: "@marcusthompson", testimonial:
|
||||
"The customer service team is phenomenal. They resolved my question within hours!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg", imageAlt: "Marcus Thompson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amanda Park",
|
||||
handle: "@amandapark",
|
||||
testimonial:
|
||||
"Best online shopping experience ever. Fast delivery and the products are exactly as described.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=6",
|
||||
imageAlt: "Amanda Park",
|
||||
},
|
||||
id: "3", name: "Amanda Park", handle: "@amandapark", testimonial:
|
||||
"Best online shopping experience ever. Fast delivery and the products are exactly as described.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Amanda Park"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Singh",
|
||||
handle: "@robertsingh",
|
||||
testimonial:
|
||||
"Love the loyalty program! I earn rewards on every purchase and get exclusive discounts.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg?_wi=2",
|
||||
imageAlt: "Robert Singh",
|
||||
},
|
||||
id: "4", name: "Robert Singh", handle: "@robertsingh", testimonial:
|
||||
"Love the loyalty program! I earn rewards on every purchase and get exclusive discounts.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg", imageAlt: "Robert Singh"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Martinez",
|
||||
handle: "@sofiam",
|
||||
testimonial:
|
||||
"Fantastic selection and unbeatable prices. This is my favorite place to shop online!",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg?_wi=2",
|
||||
imageAlt: "Sofia Martinez",
|
||||
},
|
||||
id: "5", name: "Sofia Martinez", handle: "@sofiam", testimonial:
|
||||
"Fantastic selection and unbeatable prices. This is my favorite place to shop online!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg", imageAlt: "Sofia Martinez"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
handle: "@jameswilson",
|
||||
testimonial:
|
||||
"The website is so easy to navigate. Finding products and checking out is a breeze!",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", handle: "@jameswilson", testimonial:
|
||||
"The website is so easy to navigate. Finding products and checking out is a breeze!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -164,7 +120,7 @@ export default function ContactPage() {
|
||||
tagAnimation="slide-up"
|
||||
title="Let's Get You What You Need"
|
||||
description="Whether you have product questions, need order assistance, or want to share feedback, our team is ready to help. Contact us today!"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Send Message", href: "#" },
|
||||
@@ -212,21 +168,13 @@ export default function ContactPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
224
src/app/page.tsx
224
src/app/page.tsx
@@ -40,7 +40,7 @@ export default function HomePage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -51,9 +51,7 @@ export default function HomePage() {
|
||||
brandName="Storefront"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,51 +62,31 @@ export default function HomePage() {
|
||||
tag="New Arrivals"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-setting-up-online-store-uploading-products-laptop_73899-54387.jpg"
|
||||
imageAlt="Premium product showcase"
|
||||
mediaAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Johnson",
|
||||
handle: "Fashion Enthusiast",
|
||||
testimonial:
|
||||
"The quality and selection are unmatched. I found exactly what I was looking for!",
|
||||
rating: 5,
|
||||
name: "Sarah Johnson", handle: "Fashion Enthusiast", testimonial:
|
||||
"The quality and selection are unmatched. I found exactly what I was looking for!", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=1",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
name: "Michael Chen",
|
||||
handle: "Verified Buyer",
|
||||
testimonial:
|
||||
"Fast shipping and excellent customer service. Highly recommend this store!",
|
||||
rating: 5,
|
||||
name: "Michael Chen", handle: "Verified Buyer", testimonial:
|
||||
"Fast shipping and excellent customer service. Highly recommend this store!", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", imageAlt: "Michael Chen"},
|
||||
{
|
||||
name: "Emily Rodriguez",
|
||||
handle: "Regular Customer",
|
||||
testimonial:
|
||||
"Amazing products at great prices. This is my go-to online store.",
|
||||
rating: 5,
|
||||
name: "Emily Rodriguez", handle: "Regular Customer", testimonial:
|
||||
"Amazing products at great prices. This is my go-to online store.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=2",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Emily Rodriguez"},
|
||||
{
|
||||
name: "David Kim",
|
||||
handle: "Premium Member",
|
||||
testimonial:
|
||||
"Outstanding experience from browsing to checkout. Will definitely shop again!",
|
||||
rating: 5,
|
||||
name: "David Kim", handle: "Premium Member", testimonial:
|
||||
"Outstanding experience from browsing to checkout. Will definitely shop again!", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", imageAlt: "David Kim"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
useInvertedBackground={false}
|
||||
@@ -132,40 +110,28 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast & Free Shipping",
|
||||
description:
|
||||
"Complimentary shipping on orders over $50 with delivery in 2-3 business days",
|
||||
},
|
||||
title: "Fast & Free Shipping", description:
|
||||
"Complimentary shipping on orders over $50 with delivery in 2-3 business days"},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Checkout",
|
||||
description:
|
||||
"SSL-encrypted payments with multiple payment options for your safety",
|
||||
},
|
||||
title: "Secure Checkout", description:
|
||||
"SSL-encrypted payments with multiple payment options for your safety"},
|
||||
{
|
||||
icon: RotateCcw,
|
||||
title: "Easy Returns",
|
||||
description:
|
||||
"30-day money-back guarantee with hassle-free return process",
|
||||
},
|
||||
title: "Easy Returns", description:
|
||||
"30-day money-back guarantee with hassle-free return process"},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "24/7 Support",
|
||||
description:
|
||||
"Dedicated customer service team ready to help whenever you need",
|
||||
},
|
||||
title: "24/7 Support", description:
|
||||
"Dedicated customer service team ready to help whenever you need"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Premium Quality",
|
||||
description:
|
||||
"All products sourced from trusted brands and verified sellers",
|
||||
},
|
||||
title: "Premium Quality", description:
|
||||
"All products sourced from trusted brands and verified sellers"},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Loyalty Rewards",
|
||||
description:
|
||||
"Earn points on every purchase and enjoy exclusive member benefits",
|
||||
},
|
||||
title: "Loyalty Rewards", description:
|
||||
"Earn points on every purchase and enjoy exclusive member benefits"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -183,37 +149,17 @@ export default function HomePage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Wireless Headphones",
|
||||
price: "$129.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/headset-table_417767-238.jpg?_wi=1",
|
||||
imageAlt: "Wireless headphones",
|
||||
},
|
||||
id: "1", name: "Premium Wireless Headphones", price: "$129.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/headset-table_417767-238.jpg", imageAlt: "Wireless headphones"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elegant Watch Collection",
|
||||
price: "$249.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg?_wi=1",
|
||||
imageAlt: "Designer watch",
|
||||
},
|
||||
id: "2", name: "Elegant Watch Collection", price: "$249.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg", imageAlt: "Designer watch"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Smart Phone Stand",
|
||||
price: "$39.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=1",
|
||||
imageAlt: "Phone stand",
|
||||
},
|
||||
id: "3", name: "Smart Phone Stand", price: "$39.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg", imageAlt: "Phone stand"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Premium Backpack",
|
||||
price: "$159.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg?_wi=1",
|
||||
imageAlt: "Travel backpack",
|
||||
},
|
||||
id: "4", name: "Premium Backpack", price: "$159.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg", imageAlt: "Travel backpack"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -228,15 +174,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Apple",
|
||||
"Samsung",
|
||||
"Sony",
|
||||
"Canon",
|
||||
"Nikon",
|
||||
"Microsoft",
|
||||
"Google",
|
||||
"Amazon",
|
||||
]}
|
||||
"Apple", "Samsung", "Sony", "Canon", "Nikon", "Microsoft", "Google", "Amazon"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -254,65 +192,29 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jessica Lopez",
|
||||
handle: "@jessicalopez",
|
||||
testimonial:
|
||||
"Outstanding quality and incredible prices! I've been shopping here for over a year and never had a single issue.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=3",
|
||||
imageAlt: "Jessica Lopez",
|
||||
},
|
||||
id: "1", name: "Jessica Lopez", handle: "@jessicalopez", testimonial:
|
||||
"Outstanding quality and incredible prices! I've been shopping here for over a year and never had a single issue.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Jessica Lopez"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Thompson",
|
||||
handle: "@marcusthompson",
|
||||
testimonial:
|
||||
"The customer service team is phenomenal. They resolved my question within hours!",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg?_wi=1",
|
||||
imageAlt: "Marcus Thompson",
|
||||
},
|
||||
id: "2", name: "Marcus Thompson", handle: "@marcusthompson", testimonial:
|
||||
"The customer service team is phenomenal. They resolved my question within hours!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/handsome-happy-young-guy-with-glasses-posing_176420-30005.jpg", imageAlt: "Marcus Thompson"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amanda Park",
|
||||
handle: "@amandapark",
|
||||
testimonial:
|
||||
"Best online shopping experience ever. Fast delivery and the products are exactly as described.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg?_wi=4",
|
||||
imageAlt: "Amanda Park",
|
||||
},
|
||||
id: "3", name: "Amanda Park", handle: "@amandapark", testimonial:
|
||||
"Best online shopping experience ever. Fast delivery and the products are exactly as described.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Amanda Park"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert Singh",
|
||||
handle: "@robertsingh",
|
||||
testimonial:
|
||||
"Love the loyalty program! I earn rewards on every purchase and get exclusive discounts.",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg?_wi=1",
|
||||
imageAlt: "Robert Singh",
|
||||
},
|
||||
id: "4", name: "Robert Singh", handle: "@robertsingh", testimonial:
|
||||
"Love the loyalty program! I earn rewards on every purchase and get exclusive discounts.", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-up-thinking-positive-smiling-broadly_141793-55034.jpg", imageAlt: "Robert Singh"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sofia Martinez",
|
||||
handle: "@sofiam",
|
||||
testimonial:
|
||||
"Fantastic selection and unbeatable prices. This is my favorite place to shop online!",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg?_wi=1",
|
||||
imageAlt: "Sofia Martinez",
|
||||
},
|
||||
id: "5", name: "Sofia Martinez", handle: "@sofiam", testimonial:
|
||||
"Fantastic selection and unbeatable prices. This is my favorite place to shop online!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/photo-young-woman-with-open-mouth-excited-about-something_114579-70645.jpg", imageAlt: "Sofia Martinez"},
|
||||
{
|
||||
id: "6",
|
||||
name: "James Wilson",
|
||||
handle: "@jameswilson",
|
||||
testimonial:
|
||||
"The website is so easy to navigate. Finding products and checking out is a breeze!",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
|
||||
imageAlt: "James Wilson",
|
||||
},
|
||||
id: "6", name: "James Wilson", handle: "@jameswilson", testimonial:
|
||||
"The website is so easy to navigate. Finding products and checking out is a breeze!", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "James Wilson"},
|
||||
]}
|
||||
speed={40}
|
||||
/>
|
||||
@@ -325,7 +227,7 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
title="Start Your Shopping Journey Today"
|
||||
description="Browse our extensive catalog, find exactly what you need, and enjoy a seamless checkout experience with our secure payment options."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Explore Store", href: "/products" },
|
||||
@@ -373,21 +275,13 @@ export default function HomePage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -34,7 +34,7 @@ export default function ProductsPage() {
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumLargeSizeMediumTitles"
|
||||
background="grid"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
@@ -45,9 +45,7 @@ export default function ProductsPage() {
|
||||
brandName="Storefront"
|
||||
navItems={navItems}
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "/products",
|
||||
}}
|
||||
text: "Shop Now", href: "/products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,37 +62,17 @@ export default function ProductsPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Wireless Headphones",
|
||||
price: "$129.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/headset-table_417767-238.jpg?_wi=2",
|
||||
imageAlt: "Wireless headphones",
|
||||
},
|
||||
id: "1", name: "Premium Wireless Headphones", price: "$129.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/headset-table_417767-238.jpg", imageAlt: "Wireless headphones"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elegant Watch Collection",
|
||||
price: "$249.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg?_wi=2",
|
||||
imageAlt: "Designer watch",
|
||||
},
|
||||
id: "2", name: "Elegant Watch Collection", price: "$249.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-casual-cloth-suit-with-accesories-hands_158538-9460.jpg", imageAlt: "Designer watch"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Smart Phone Stand",
|
||||
price: "$39.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg?_wi=2",
|
||||
imageAlt: "Phone stand",
|
||||
},
|
||||
id: "3", name: "Smart Phone Stand", price: "$39.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/high-angle-smartphone-desk-with-headphones_23-2149404198.jpg", imageAlt: "Phone stand"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Premium Backpack",
|
||||
price: "$159.99",
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg?_wi=2",
|
||||
imageAlt: "Travel backpack",
|
||||
},
|
||||
id: "4", name: "Premium Backpack", price: "$159.99", imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/leather-bag-travel-with-earphones-passport_23-2149433932.jpg", imageAlt: "Travel backpack"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,22 +90,16 @@ export default function ProductsPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast & Free Shipping",
|
||||
description:
|
||||
"Complimentary shipping on orders over $50 with delivery in 2-3 business days",
|
||||
},
|
||||
title: "Fast & Free Shipping", description:
|
||||
"Complimentary shipping on orders over $50 with delivery in 2-3 business days"},
|
||||
{
|
||||
icon: Shield,
|
||||
title: "Secure Checkout",
|
||||
description:
|
||||
"SSL-encrypted payments with multiple payment options for your safety",
|
||||
},
|
||||
title: "Secure Checkout", description:
|
||||
"SSL-encrypted payments with multiple payment options for your safety"},
|
||||
{
|
||||
icon: RotateCcw,
|
||||
title: "Easy Returns",
|
||||
description:
|
||||
"30-day money-back guarantee with hassle-free return process",
|
||||
},
|
||||
title: "Easy Returns", description:
|
||||
"30-day money-back guarantee with hassle-free return process"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,7 +111,7 @@ export default function ProductsPage() {
|
||||
tagAnimation="slide-up"
|
||||
title="Need Help Finding the Perfect Item?"
|
||||
description="Our customer service team is available 24/7 to assist you with product recommendations, specifications, and any questions you may have."
|
||||
background={{ variant: "grid" }}
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "/contact" },
|
||||
@@ -187,21 +159,13 @@ export default function ProductsPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
label: "Twitter", href: "https://twitter.com"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com"},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
label: "LinkedIn", href: "https://linkedin.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user