Merge version_1 into main #2
236
src/app/page.tsx
236
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
]}
|
||||
brandName="ShopStore"
|
||||
/>
|
||||
@@ -49,38 +43,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Elevate Your Shopping Experience"
|
||||
description="Discover curated products designed for quality and style. Shop our latest collection today."
|
||||
tag="New Arrivals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-with-copy-space_23-2148625713.jpg?_wi=1",
|
||||
imageAlt: "Shopping Experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-with-copy-space_23-2148625713.jpg", imageAlt: "Shopping Experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-food-boxes-coffee-cup_140725-17834.jpg?_wi=1",
|
||||
imageAlt: "Online Storefront",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109523.jpg?_wi=1",
|
||||
imageAlt: "Featured Fashion",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-strainer-with-organic-olives-white-background_23-2147853945.jpg?_wi=1",
|
||||
imageAlt: "Premium Accessory",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244573.jpg?_wi=1",
|
||||
imageAlt: "Modern Living Item",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-food-boxes-coffee-cup_140725-17834.jpg", imageAlt: "Online Storefront"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,59 +70,35 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Shipping",
|
||||
description: "Get your orders delivered to your doorstep in 3-5 business days.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109523.jpg?_wi=2",
|
||||
imageAlt: "Fast Shipping",
|
||||
},
|
||||
id: "f1", title: "Fast Shipping", description: "Get your orders delivered to your doorstep in 3-5 business days.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109523.jpg", imageAlt: "Fast Shipping"},
|
||||
items: [
|
||||
{
|
||||
icon: Truck,
|
||||
text: "Worldwide Delivery",
|
||||
},
|
||||
text: "Worldwide Delivery"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-with-copy-space_23-2148625713.jpg?_wi=2",
|
||||
imageAlt: "online shopping cart concept",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Payments",
|
||||
description: "We offer safe and secure payment options for all your transactions.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-strainer-with-organic-olives-white-background_23-2147853945.jpg?_wi=2",
|
||||
imageAlt: "Secure Payments",
|
||||
},
|
||||
id: "f2", title: "Secure Payments", description: "We offer safe and secure payment options for all your transactions.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-strainer-with-organic-olives-white-background_23-2147853945.jpg", imageAlt: "Secure Payments"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Encrypted Checkout",
|
||||
},
|
||||
text: "Encrypted Checkout"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-courier-red-uniform-black-gloves-red-cap-holding-food-boxes-coffee-cup_140725-17834.jpg?_wi=2",
|
||||
imageAlt: "customer buying products online",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "24/7 Support",
|
||||
description: "Our dedicated support team is available around the clock to assist you.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244573.jpg?_wi=2",
|
||||
imageAlt: "24/7 Support",
|
||||
},
|
||||
id: "f3", title: "24/7 Support", description: "Our dedicated support team is available around the clock to assist you.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244573.jpg", imageAlt: "24/7 Support"},
|
||||
items: [
|
||||
{
|
||||
icon: Headphones,
|
||||
text: "Instant Help",
|
||||
},
|
||||
text: "Instant Help"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109523.jpg?_wi=3",
|
||||
imageAlt: "luxury lifestyle fashion product",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Why Choose Our Store"
|
||||
description="Experience superior service and quality with every purchase you make."
|
||||
@@ -162,33 +113,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Watch",
|
||||
price: "$199",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109523.jpg?_wi=4",
|
||||
},
|
||||
id: "p1", name: "Premium Watch", price: "$199", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109523.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wireless Headphones",
|
||||
price: "$129",
|
||||
variant: "Modern",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-strainer-with-organic-olives-white-background_23-2147853945.jpg?_wi=3",
|
||||
},
|
||||
id: "p2", name: "Wireless Headphones", price: "$129", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/shadow-strainer-with-organic-olives-white-background_23-2147853945.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Smart Speaker",
|
||||
price: "$89",
|
||||
variant: "Sleek",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244573.jpg?_wi=3",
|
||||
},
|
||||
id: "p3", name: "Smart Speaker", price: "$89", variant: "Sleek", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244573.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Travel Bag",
|
||||
price: "$149",
|
||||
variant: "Durable",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-with-copy-space_23-2148625713.jpg?_wi=3",
|
||||
},
|
||||
id: "p4", name: "Travel Bag", price: "$149", variant: "Durable", imageSrc: "http://img.b2bpic.net/free-photo/front-view-online-shopping-with-copy-space_23-2148625713.jpg"},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Explore our hand-picked selection of premium products crafted with care."
|
||||
@@ -202,52 +133,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$9/mo",
|
||||
name: "Basic Member",
|
||||
buttons: [
|
||||
id: "basic", price: "$9/mo", name: "Basic Member", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"10% off",
|
||||
"Newsletter",
|
||||
],
|
||||
"10% off", "Newsletter"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
price: "$19/mo",
|
||||
name: "Pro Member",
|
||||
buttons: [
|
||||
id: "pro", price: "$19/mo", name: "Pro Member", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"25% off",
|
||||
"Priority Support",
|
||||
"Early Access",
|
||||
],
|
||||
"25% off", "Priority Support", "Early Access"],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
price: "$29/mo",
|
||||
name: "Gold Member",
|
||||
buttons: [
|
||||
id: "gold", price: "$29/mo", name: "Gold Member", buttons: [
|
||||
{
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join Now", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"50% off",
|
||||
"Priority Support",
|
||||
"Early Access",
|
||||
"Free Shipping",
|
||||
],
|
||||
"50% off", "Priority Support", "Early Access", "Free Shipping"],
|
||||
},
|
||||
]}
|
||||
title="Membership Plans"
|
||||
@@ -261,60 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Jane Doe",
|
||||
date: "Jan 2025",
|
||||
title: "Great products!",
|
||||
quote: "The quality is outstanding and the shipping was fast.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shadow-strainer-with-organic-olives-white-background_23-2147853945.jpg?_wi=4",
|
||||
imageAlt: "premium lifestyle accessory photography",
|
||||
},
|
||||
id: "t1", name: "Jane Doe", date: "Jan 2025", title: "Great products!", quote: "The quality is outstanding and the shipping was fast.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageSrc: "http://img.b2bpic.net/free-photo/shadow-strainer-with-organic-olives-white-background_23-2147853945.jpg", imageAlt: "premium lifestyle accessory photography"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Smith",
|
||||
date: "Feb 2025",
|
||||
title: "Highly recommended",
|
||||
quote: "Excellent customer support and very reliable service.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244573.jpg?_wi=4",
|
||||
imageAlt: "elegant home living product",
|
||||
},
|
||||
id: "t2", name: "John Smith", date: "Feb 2025", title: "Highly recommended", quote: "Excellent customer support and very reliable service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageSrc: "http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244573.jpg", imageAlt: "elegant home living product"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily White",
|
||||
date: "Mar 2025",
|
||||
title: "Amazing selection",
|
||||
quote: "I found exactly what I was looking for at a great price.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-holding-coffee-cup_52683-86155.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
imageAlt: "happy customer portrait",
|
||||
},
|
||||
id: "t3", name: "Emily White", date: "Mar 2025", title: "Amazing selection", quote: "I found exactly what I was looking for at a great price.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-holding-coffee-cup_52683-86155.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageAlt: "happy customer portrait"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Brown",
|
||||
date: "Apr 2025",
|
||||
title: "Satisfied customer",
|
||||
quote: "Will definitely shop again. Very pleased with my purchase.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-female-shopper-looking-accessories-shop-window-holding-shopping-bags-standing-store-outside-front-view-through-glass-window-shopping-concept_74855-11594.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg",
|
||||
imageAlt: "satisfied female client portrait",
|
||||
},
|
||||
id: "t4", name: "David Brown", date: "Apr 2025", title: "Satisfied customer", quote: "Will definitely shop again. Very pleased with my purchase.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-female-shopper-looking-accessories-shop-window-holding-shopping-bags-standing-store-outside-front-view-through-glass-window-shopping-concept_74855-11594.jpg", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-businessman-does-daily-tasks-corporate-job_482257-116713.jpg", imageAlt: "satisfied female client portrait"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sarah Miller",
|
||||
date: "May 2025",
|
||||
title: "Excellent Quality",
|
||||
quote: "Simply the best shopping experience I've had online.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-holding-coffee-cup_52683-86155.jpg",
|
||||
imageAlt: "customer lifestyle studio portrait",
|
||||
},
|
||||
id: "t5", name: "Sarah Miller", date: "May 2025", title: "Excellent Quality", quote: "Simply the best shopping experience I've had online.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-holding-coffee-cup_52683-86155.jpg", imageAlt: "customer lifestyle studio portrait"},
|
||||
]}
|
||||
title="What Our Customers Say"
|
||||
description="Read why thousands of customers choose ShopStore for their shopping needs."
|
||||
@@ -325,29 +187,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
label: "Collections", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact Us", href: "#"},
|
||||
{
|
||||
label: "Shipping Info",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Info", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user