Merge version_1 into main #2
194
src/app/page.tsx
194
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Shopify"
|
||||
/>
|
||||
@@ -54,104 +46,56 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Style for Every Season"
|
||||
description="Discover curated collections designed for your lifestyle. High-quality pieces delivered straight to your door."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alice P.",
|
||||
handle: "@alice",
|
||||
testimonial: "Excellent service and high quality clothing!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-shot-woman-holding-credit-card-using-her-laptop_23-2148304816.jpg?_wi=1",
|
||||
imageAlt: "online shopping store banner",
|
||||
},
|
||||
name: "Alice P.", handle: "@alice", testimonial: "Excellent service and high quality clothing!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-view-shot-woman-holding-credit-card-using-her-laptop_23-2148304816.jpg", imageAlt: "online shopping store banner"},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@mark",
|
||||
testimonial: "Shipping was fast and item perfectly matched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-sitting-with-head-chair_23-2148490405.jpg?_wi=1",
|
||||
imageAlt: "fashion product photography",
|
||||
},
|
||||
name: "Mark R.", handle: "@mark", testimonial: "Shipping was fast and item perfectly matched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-sitting-with-head-chair_23-2148490405.jpg", imageAlt: "fashion product photography"},
|
||||
{
|
||||
name: "Sarah T.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Beautifully packaged, my new favorite store.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapeutic-bath-bombs-arrangement-still-life_23-2150062224.jpg?_wi=1",
|
||||
imageAlt: "accessory product photography",
|
||||
},
|
||||
name: "Sarah T.", handle: "@sarah", testimonial: "Beautifully packaged, my new favorite store.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapeutic-bath-bombs-arrangement-still-life_23-2150062224.jpg", imageAlt: "accessory product photography"},
|
||||
{
|
||||
name: "John D.",
|
||||
handle: "@john",
|
||||
testimonial: "Customer support was very helpful with my query.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753028.jpg?_wi=1",
|
||||
imageAlt: "lifestyle product photography",
|
||||
},
|
||||
name: "John D.", handle: "@john", testimonial: "Customer support was very helpful with my query.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753028.jpg", imageAlt: "lifestyle product photography"},
|
||||
{
|
||||
name: "Emily W.",
|
||||
handle: "@emily",
|
||||
testimonial: "Love the unique selection available here!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/delivery-concept-with-circular-style_23-2147675833.jpg?_wi=1",
|
||||
imageAlt: "fast shipping box icon",
|
||||
},
|
||||
name: "Emily W.", handle: "@emily", testimonial: "Love the unique selection available here!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/delivery-concept-with-circular-style_23-2147675833.jpg", imageAlt: "fast shipping box icon"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-view-shot-woman-holding-credit-card-using-her-laptop_23-2148304816.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-view-shot-woman-holding-credit-card-using-her-laptop_23-2148304816.jpg"
|
||||
imageAlt="Trendy seasonal shopping collection"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/sale-tourism-happy-people-concept-beautiful-woman-holding-credit-card-with-shopping-bags-ctiy_231208-11901.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/sale-tourism-happy-people-concept-beautiful-woman-holding-credit-card-with-shopping-bags-ctiy_231208-11901.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy shoppers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Worldwide Shipping",
|
||||
},
|
||||
type: "text", text: "Worldwide Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Checkout",
|
||||
},
|
||||
type: "text", text: "Secure Checkout"},
|
||||
{
|
||||
type: "text",
|
||||
text: "30-Day Returns",
|
||||
},
|
||||
type: "text", text: "30-Day Returns"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-Friendly Packaging",
|
||||
},
|
||||
type: "text", text: "Eco-Friendly Packaging"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -164,23 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Summer Linen Shirt",
|
||||
price: "$59.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-sitting-with-head-chair_23-2148490405.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", name: "Summer Linen Shirt", price: "$59.00", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-sitting-with-head-chair_23-2148490405.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Gold Minimalist Ring",
|
||||
price: "$89.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/therapeutic-bath-bombs-arrangement-still-life_23-2150062224.jpg?_wi=2",
|
||||
},
|
||||
id: "p2", name: "Gold Minimalist Ring", price: "$89.00", imageSrc: "http://img.b2bpic.net/free-photo/therapeutic-bath-bombs-arrangement-still-life_23-2150062224.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Artisanal Vase",
|
||||
price: "$45.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753028.jpg?_wi=2",
|
||||
},
|
||||
id: "p3", name: "Artisanal Vase", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753028.jpg"},
|
||||
]}
|
||||
title="Top Collections"
|
||||
description="Handpicked favorites updated daily."
|
||||
@@ -192,25 +124,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Delivery",
|
||||
description: "Express worldwide shipping.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/delivery-concept-with-circular-style_23-2147675833.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Fast Delivery", description: "Express worldwide shipping.", imageSrc: "http://img.b2bpic.net/free-vector/delivery-concept-with-circular-style_23-2147675833.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Payments",
|
||||
description: "Your data is always encrypted.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-young-woman-posing-medical-face-mask-with-shopping-bags-from_1258-125458.jpg",
|
||||
},
|
||||
id: "f2", title: "Secure Payments", description: "Your data is always encrypted.", imageSrc: "http://img.b2bpic.net/free-photo/covid-pandemic-lifestyle-concept-young-woman-posing-medical-face-mask-with-shopping-bags-from_1258-125458.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quality Assured",
|
||||
description: "Verified premium standards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-gratis-stamp-collection_23-2149945044.jpg",
|
||||
},
|
||||
id: "f3", title: "Quality Assured", description: "Verified premium standards.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-gratis-stamp-collection_23-2149945044.jpg"},
|
||||
]}
|
||||
title="Why Choose Us?"
|
||||
description="Experience superior shopping convenience."
|
||||
@@ -222,30 +143,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Alice P.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg",
|
||||
},
|
||||
id: "t2", name: "Mark R.", imageSrc: "http://img.b2bpic.net/free-photo/middle-eastern-client-wheelchair-examining-clothes-racks-retail-store_482257-118472.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg",
|
||||
},
|
||||
id: "t3", name: "Sarah T.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-teenager-talking-phone_23-2148804639.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "John D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sale-tourism-happy-people-concept-beautiful-woman-holding-credit-card-with-shopping-bags-ctiy_231208-11901.jpg",
|
||||
},
|
||||
id: "t4", name: "John D.", imageSrc: "http://img.b2bpic.net/free-photo/sale-tourism-happy-people-concept-beautiful-woman-holding-credit-card-with-shopping-bags-ctiy_231208-11901.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-with-coffee-cup_23-2149442257.jpg"},
|
||||
]}
|
||||
cardTitle="Loved by Shoppers"
|
||||
cardTag="Reviews"
|
||||
@@ -259,20 +165,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is your return policy?",
|
||||
content: "You can return items within 30 days.",
|
||||
},
|
||||
id: "q1", title: "What is your return policy?", content: "You can return items within 30 days."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 100 countries.",
|
||||
},
|
||||
id: "q2", title: "Do you ship internationally?", content: "Yes, we ship to over 100 countries."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How can I track my order?",
|
||||
content: "Tracking numbers are sent via email.",
|
||||
},
|
||||
id: "q3", title: "How can I track my order?", content: "Tracking numbers are sent via email."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Find answers to your questions here."
|
||||
@@ -284,16 +181,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Get in touch"
|
||||
description="Have any questions? We are here to help you shop with confidence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user