Merge version_1 into main #2
229
src/app/page.tsx
229
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ShopifyStore"
|
||||
/>
|
||||
@@ -56,103 +46,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Style Your Life, Effortlessly."
|
||||
description="Discover curated collections of premium essentials designed to simplify your day-to-day while keeping you ahead of the trends."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Director",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
},
|
||||
name: "Sarah Miller", testimonial: "Amazing service and quality products.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg"},
|
||||
{
|
||||
name: "James Lee",
|
||||
role: "Marketing Lead",
|
||||
company: "Tech Labs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-entering-her-credit-card-digits-confirm-money-transfer_482257-118853.jpg",
|
||||
},
|
||||
name: "James Lee", testimonial: "Fast shipping and great value.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-entering-her-credit-card-digits-confirm-money-transfer_482257-118853.jpg"},
|
||||
{
|
||||
name: "Emily Chen",
|
||||
role: "Product Owner",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-photographer_23-2150506118.jpg",
|
||||
},
|
||||
name: "Emily Chen", testimonial: "I love the minimal design style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-photographer_23-2150506118.jpg"},
|
||||
{
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "Startup Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-purchases-online_1098-19379.jpg",
|
||||
},
|
||||
name: "David Kim", testimonial: "Highly recommend their collection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-purchases-online_1098-19379.jpg"},
|
||||
{
|
||||
name: "Jane Doe",
|
||||
role: "Designer",
|
||||
company: "Art Collective",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-online-shopping-home_329181-2728.jpg",
|
||||
},
|
||||
name: "Jane Doe", testimonial: "Everything is premium and durable.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-online-shopping-home_329181-2728.jpg"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-with-white-shopping-bag-blue-pastel-background_1258-128519.jpg"
|
||||
imageAlt="Shopping hero banner"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-cute-girl-looking-away_23-2148436134.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-entering-her-credit-card-digits-confirm-money-transfer_482257-118853.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-entering-her-credit-card-digits-confirm-money-transfer_482257-118853.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-photographer_23-2150506118.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-photographer_23-2150506118.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/making-purchases-online_1098-19379.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/making-purchases-online_1098-19379.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-online-shopping-home_329181-2728.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man-online-shopping-home_329181-2728.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy shoppers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ethical Manufacturing",
|
||||
},
|
||||
type: "text", text: "Ethical Manufacturing"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
type: "text", text: "Secure Payments"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Customer Support",
|
||||
},
|
||||
type: "text", text: "24/7 Customer Support"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -165,67 +110,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Essential",
|
||||
name: "Classic Everyday Tote",
|
||||
price: "$45.00",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192262.jpg",
|
||||
},
|
||||
id: "p1", brand: "Essential", name: "Classic Everyday Tote", price: "$45.00", rating: 5,
|
||||
reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-plants-deco_23-2149192262.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Minimal",
|
||||
name: "Modern Leather Wallet",
|
||||
price: "$35.00",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238280.jpg",
|
||||
},
|
||||
id: "p2", brand: "Minimal", name: "Modern Leather Wallet", price: "$35.00", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238280.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Urban",
|
||||
name: "Premium Cotton Tee",
|
||||
price: "$25.00",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg",
|
||||
},
|
||||
id: "p3", brand: "Urban", name: "Premium Cotton Tee", price: "$25.00", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Design",
|
||||
name: "Wireless Charging Dock",
|
||||
price: "$55.00",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes-with-skirt-glasses-blanket_23-2148055348.jpg",
|
||||
},
|
||||
id: "p4", brand: "Design", name: "Wireless Charging Dock", price: "$55.00", rating: 4,
|
||||
reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes-with-skirt-glasses-blanket_23-2148055348.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Home",
|
||||
name: "Handmade Ceramic Mug",
|
||||
price: "$20.00",
|
||||
rating: 5,
|
||||
reviewCount: "64",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-one-matchstick-with-geometric-shapes_23-2149600199.jpg",
|
||||
},
|
||||
id: "p5", brand: "Home", name: "Handmade Ceramic Mug", price: "$20.00", rating: 5,
|
||||
reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/view-one-matchstick-with-geometric-shapes_23-2149600199.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Travel",
|
||||
name: "Waterproof Tech Pouch",
|
||||
price: "$30.00",
|
||||
rating: 4,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440666.jpg",
|
||||
},
|
||||
id: "p6", brand: "Travel", name: "Waterproof Tech Pouch", price: "$30.00", rating: 4,
|
||||
reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/still-life-beach-bag-ready-travel_23-2150440666.jpg"},
|
||||
]}
|
||||
title="Shop Our Collection"
|
||||
description="From daily necessities to unique finds, our products are curated for quality and durability."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Full Collection",
|
||||
href: "#",
|
||||
},
|
||||
text: "View Full Collection", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -235,13 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Philosophy"
|
||||
description="We believe in less but better. Every item in our store is selected to meet high standards of quality, utility, and timeless design. We partner with ethical manufacturers to ensure every purchase makes a positive impact."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-warehouse-working-laptop_23-2148886875.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-warehouse-working-laptop_23-2148886875.jpg"
|
||||
imageAlt="Store interior"
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Mission",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Mission", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -252,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How long is shipping?",
|
||||
content: "Shipping usually takes 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "How long is shipping?", content: "Shipping usually takes 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Can I return items?",
|
||||
content: "Yes, we accept returns within 30 days of purchase.",
|
||||
},
|
||||
id: "f2", title: "Can I return items?", content: "Yes, we accept returns within 30 days of purchase."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you ship internationally?",
|
||||
content: "We currently ship within the US only.",
|
||||
},
|
||||
id: "f3", title: "Do you ship internationally?", content: "We currently ship within the US only."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/covid19-pandemic-lifestyle-concept-young-woman-posing-medical-face-mask-with-shopping-bags-from-mall-vaccinated-girl-going-store-personal-protective-equipment-beige-background_1258-301389.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -274,9 +170,7 @@ export default function LandingPage() {
|
||||
faqsAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Support", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -285,13 +179,12 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Stay Updated"
|
||||
title="Subscribe to our Newsletter"
|
||||
description="Be the first to hear about new collections, exclusive sales, and behind-the-scenes content."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-warehouse-working-laptop_23-2148886875.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/men-warehouse-working-laptop_23-2148886875.jpg"
|
||||
imageAlt="Newsletter signup banner"
|
||||
/>
|
||||
</div>
|
||||
@@ -302,33 +195,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shipping Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Returns",
|
||||
href: "#",
|
||||
},
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user