Merge version_1 into main #3
143
src/app/page.tsx
143
src/app/page.tsx
@@ -28,16 +28,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="ShopifyStore"
|
||||
/>
|
||||
@@ -45,59 +40,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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", 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", 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", 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", testimonial: "Highly recommend their collection.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/making-purchases-online_1098-19379.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"},
|
||||
{ name: "Sarah Miller", handle: "@sarahm", 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", handle: "@jamesl", 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", handle: "@emilyc", 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", handle: "@davidk", testimonial: "Highly recommend their collection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/making-purchases-online_1098-19379.jpg" },
|
||||
{ name: "Jane Doe", handle: "@janed", 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/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/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/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/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/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: "Ethical Manufacturing"},
|
||||
{
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
{
|
||||
type: "text", text: "Secure Payments"},
|
||||
{
|
||||
type: "text", text: "24/7 Customer Support"},
|
||||
{ type: "text", text: "Sustainable Materials" },
|
||||
{ type: "text", text: "Ethical Manufacturing" },
|
||||
{ type: "text", text: "Worldwide Shipping" },
|
||||
{ type: "text", text: "Secure Payments" },
|
||||
{ type: "text", text: "24/7 Customer Support" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop New Arrivals", href: "#products"},
|
||||
{
|
||||
text: "Learn More", href: "#about"},
|
||||
{ text: "Shop New Arrivals", href: "#products" },
|
||||
{ text: "Learn More", href: "#about" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -109,30 +81,17 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
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: "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: "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: "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: "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: "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: "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" }
|
||||
]}
|
||||
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>
|
||||
@@ -145,8 +104,7 @@ export default function LandingPage() {
|
||||
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>
|
||||
@@ -156,12 +114,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
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: "f3", title: "Do you ship internationally?", content: "We currently ship within the US only."},
|
||||
{ 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: "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"
|
||||
@@ -169,8 +124,7 @@ export default function LandingPage() {
|
||||
description="Need help or have questions? Find answers to our most common queries here."
|
||||
faqsAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support", href: "#contact"},
|
||||
{ text: "Contact Support", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -178,8 +132,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ 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."
|
||||
@@ -194,24 +147,18 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Products", href: "#products" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Shipping Policy", href: "#"},
|
||||
{
|
||||
label: "Returns", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{ label: "Shipping Policy", href: "#" },
|
||||
{ label: "Returns", href: "#" },
|
||||
{ label: "Privacy Policy", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="ShopifyStore"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user