Merge version_1 into main #2
250
src/app/page.tsx
250
src/app/page.tsx
@@ -33,55 +33,31 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
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"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Shopify Pro"
|
||||
button={{ text: "Get Started", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Everything You Need, Delivered."
|
||||
description="Discover high-quality products curated for your daily lifestyle. Elevate your experience with our premium selection and fast, reliable shipping worldwide."
|
||||
tag="New Season Arrivals"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera-with-white-shopping-bag-blue-pastel-background-copy-space_1258-128518.jpg?_wi=1",
|
||||
imageAlt: "online shop product display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera-with-white-shopping-bag-blue-pastel-background-copy-space_1258-128518.jpg", imageAlt: "online shop product display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-courier-preparing-package-delivery-while-working-office_637285-6575.jpg?_wi=1",
|
||||
imageAlt: "shipping delivery packages concept",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-man-shopping-black-friday-holding-paper-bags-credit-card-standing-against-yellow-back_1258-155533.jpg",
|
||||
imageAlt: "Excited man shopping on black friday",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera_1258-123899.jpg",
|
||||
imageAlt: "Shopping concept portrait",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092076.jpg",
|
||||
imageAlt: "Making home comfortable",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-courier-preparing-package-delivery-while-working-office_637285-6575.jpg", imageAlt: "shipping delivery packages concept"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -89,9 +65,7 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,9 +75,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Quality You Can Trust"
|
||||
description={[
|
||||
"At Shopify Pro, we prioritize quality, sustainability, and customer satisfaction above all else.",
|
||||
"Our mission is to bring premium products directly to your doorstep with unmatched service.",
|
||||
]}
|
||||
"At Shopify Pro, we prioritize quality, sustainability, and customer satisfaction above all else.", "Our mission is to bring premium products directly to your doorstep with unmatched service."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -115,41 +87,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Leather Handbag",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "Leather Handbag", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Wireless Headphones",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7674.jpg?_wi=1",
|
||||
},
|
||||
id: "p2", name: "Wireless Headphones", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7674.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Insulated Thermos",
|
||||
price: "$45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environment-friendly-objects-cement-background_23-2148289741.jpg?_wi=1",
|
||||
},
|
||||
id: "p3", name: "Insulated Thermos", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/environment-friendly-objects-cement-background_23-2148289741.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Ceramic Planter",
|
||||
price: "$35",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-home-plant-vase-composition_23-2149090640.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hardcover Notebook",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-overloaded-bullet-journal_23-2150248199.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Designer Sunglasses",
|
||||
price: "$150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-looking-window-display-clothing-store_23-2147889079.jpg",
|
||||
},
|
||||
id: "p4", name: "Ceramic Planter", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/decorative-home-plant-vase-composition_23-2149090640.jpg"},
|
||||
]}
|
||||
title="Curated Collection"
|
||||
description="Browse our latest top-rated products selected just for you."
|
||||
@@ -161,12 +105,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google",
|
||||
"Amazon",
|
||||
"Nike",
|
||||
"Apple",
|
||||
"Microsoft",
|
||||
]}
|
||||
"Google", "Amazon", "Nike", "Apple"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We are proud to work with these incredible partners."
|
||||
/>
|
||||
@@ -179,55 +118,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$9/mo",
|
||||
subtitle: "Perfect for starters",
|
||||
buttons: [
|
||||
id: "basic", badge: "Essential", price: "$9/mo", subtitle: "Perfect for starters", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"10% off all orders",
|
||||
"Weekly newsletters",
|
||||
"Priority support",
|
||||
],
|
||||
"10% off all orders", "Weekly newsletters", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Best Value",
|
||||
price: "$19/mo",
|
||||
subtitle: "For dedicated fans",
|
||||
buttons: [
|
||||
id: "pro", badge: "Best Value", price: "$19/mo", subtitle: "For dedicated fans", buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get Started", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"20% off all orders",
|
||||
"Free express shipping",
|
||||
"Early access to sales",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "gold",
|
||||
badge: "Elite",
|
||||
price: "$39/mo",
|
||||
subtitle: "Ultimate experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"30% off all orders",
|
||||
"Exclusive VIP events",
|
||||
"Dedicated concierge",
|
||||
],
|
||||
"20% off all orders", "Free express shipping", "Early access to sales"],
|
||||
},
|
||||
]}
|
||||
title="Simple Subscription Plans"
|
||||
@@ -241,60 +145,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
date: "Jan 2024",
|
||||
title: "Verified Buyer",
|
||||
quote: "The quality is simply outstanding. I’m a customer for life!",
|
||||
tag: "Fashion",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-restaurant_8353-7822.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera-with-white-shopping-bag-blue-pastel-background-copy-space_1258-128518.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", date: "Jan 2024", title: "Verified Buyer", quote: "The quality is simply outstanding. I’m a customer for life!", tag: "Fashion", avatarSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-restaurant_8353-7822.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Doe",
|
||||
date: "Dec 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Super fast shipping and excellent customer service. Highly recommend.",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/asian-employee-holds-plant-pot-office_482257-120341.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-courier-preparing-package-delivery-while-working-office_637285-6575.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Wilson",
|
||||
date: "Nov 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Love the premium feel of these products. Perfect for gifting.",
|
||||
tag: "Lifestyle",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-colorful-girly-items_23-2148229257.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Emily Chen",
|
||||
date: "Oct 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "My go-to store for all my needs. Always fresh and reliable.",
|
||||
tag: "General",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-woman-her-handsome-boyfriend-sexy-cheerful-multiracial-family-having-tender-moments-blue-background-studio-multiethnic-models-hugging-embracing-each-otherlove-concept_158538-26965.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-earphones-white-table_140725-7674.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Smith",
|
||||
date: "Sep 2023",
|
||||
title: "Verified Buyer",
|
||||
quote: "Worth every penny. The detail and craftsmanship are incredible.",
|
||||
tag: "Quality",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-businessman-resting-cushions_1262-1762.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/environment-friendly-objects-cement-background_23-2148289741.jpg?_wi=2",
|
||||
imageAlt: "happy customer portrait professional",
|
||||
},
|
||||
id: "2", name: "Jane Doe", date: "Dec 2023", title: "Verified Buyer", quote: "Super fast shipping and excellent customer service. Highly recommend.", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/asian-employee-holds-plant-pot-office_482257-120341.jpg"},
|
||||
]}
|
||||
title="Hear From Our Community"
|
||||
description="Read stories from customers who love our products."
|
||||
@@ -307,20 +160,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is your shipping policy?",
|
||||
content: "We ship globally within 3-5 business days.",
|
||||
},
|
||||
id: "f1", title: "What is your shipping policy?", content: "We ship globally within 3-5 business days."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I track my order?",
|
||||
content: "You will receive an email with your tracking number once shipped.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What is your return policy?",
|
||||
content: "Returns are accepted within 30 days of purchase in original condition.",
|
||||
},
|
||||
id: "f2", title: "How can I track my order?", content: "You will receive an email with your tracking number once shipped."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our products and services."
|
||||
@@ -335,22 +177,14 @@ export default function LandingPage() {
|
||||
description="Have questions? Fill out the form and our support team will reach out."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us how we can help...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-putting-fingers-sides-mouth-faking-smile-looking-camera-isolated-purple-background_141793-84948.jpg"
|
||||
@@ -363,37 +197,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Shop",
|
||||
href: "#",
|
||||
},
|
||||
label: "Shop", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user