Merge version_1 into main #1
254
src/app/page.tsx
254
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E-Shop"
|
||||
/>
|
||||
@@ -52,62 +44,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Curated Quality for Your Lifestyle"
|
||||
description="Discover our latest collection of premium lifestyle essentials designed for modern living."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-female-friends-enjoying-shopping-clothes-store-together-holding-dress-posing-taking-pictures-mobile-phone-consumerism-shopping-concept_74855-11789.jpg"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-dress-shop_23-2147784091.jpg",
|
||||
alt: "Woman looking at dress in shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-looking-dress-shop_23-2147784091.jpg", alt: "Woman looking at dress in shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/philanthropy-event-clothing-shop_482257-76616.jpg",
|
||||
alt: "Philanthropy event in clothing shop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/philanthropy-event-clothing-shop_482257-76616.jpg", alt: "Philanthropy event in clothing shop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg",
|
||||
alt: "Beautician styling clients hair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautician-styling-clients-hair_107420-94677.jpg", alt: "Beautician styling clients hair"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg",
|
||||
alt: "Woman buying stuff in a decoration store",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24632.jpg", alt: "Woman buying stuff in a decoration store"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/banners-about-e-commerce_1212-5.jpg",
|
||||
alt: "Banners about e commerce",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-vector/banners-about-e-commerce_1212-5.jpg", alt: "Banners about e commerce"},
|
||||
]}
|
||||
avatarText="Join 10,000+ satisfied customers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Quality",
|
||||
},
|
||||
type: "text", text: "Premium Quality"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Materials",
|
||||
},
|
||||
type: "text", text: "Sustainable Materials"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Shipping",
|
||||
},
|
||||
type: "text", text: "Global Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Service",
|
||||
},
|
||||
type: "text", text: "24/7 Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payment",
|
||||
},
|
||||
type: "text", text: "Secure Payment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,45 +88,25 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Fast Shipping",
|
||||
descriptions: [
|
||||
"Get your orders delivered within 48 hours to your doorstep.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-flat-elements_98292-3672.jpg",
|
||||
},
|
||||
id: "1", title: "Fast Shipping", descriptions: [
|
||||
"Get your orders delivered within 48 hours to your doorstep."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-flat-elements_98292-3672.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Secure Checkout",
|
||||
descriptions: [
|
||||
"Your transactions are encrypted and 100% secure with us.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg",
|
||||
},
|
||||
id: "2", title: "Secure Checkout", descriptions: [
|
||||
"Your transactions are encrypted and 100% secure with us."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-illustration-payment-terminal-smartphone_107791-17710.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "24/7 Support",
|
||||
descriptions: [
|
||||
"Our team is here to assist you with any questions at any time.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-grocery-cart-with-black-friday-sale-inscription_23-2147957597.jpg",
|
||||
},
|
||||
id: "3", title: "24/7 Support", descriptions: [
|
||||
"Our team is here to assist you with any questions at any time."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-grocery-cart-with-black-friday-sale-inscription_23-2147957597.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Eco-Friendly",
|
||||
descriptions: [
|
||||
"We use sustainable packaging for all our products.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-icon_1284-3412.jpg",
|
||||
},
|
||||
id: "4", title: "Eco-Friendly", descriptions: [
|
||||
"We use sustainable packaging for all our products."],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/logistic-icon_1284-3412.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Money Back",
|
||||
descriptions: [
|
||||
"30-day hassle-free return policy for every item.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secured-online-payment-icon_23-2152012417.jpg",
|
||||
},
|
||||
id: "5", title: "Money Back", descriptions: [
|
||||
"30-day hassle-free return policy for every item."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/secured-online-payment-icon_23-2152012417.jpg"},
|
||||
]}
|
||||
title="Why Shop With Us"
|
||||
description="We are dedicated to providing the best shopping experience possible."
|
||||
@@ -169,61 +118,26 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "E-Shop",
|
||||
name: "Leather Carry Bag",
|
||||
price: "$129",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg",
|
||||
},
|
||||
id: "p1", brand: "E-Shop", name: "Leather Carry Bag", price: "$129", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230663.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "E-Shop",
|
||||
name: "Modern Minimalist Watch",
|
||||
price: "$89",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-concept-with-open-book_23-2147797699.jpg",
|
||||
},
|
||||
id: "p2", brand: "E-Shop", name: "Modern Minimalist Watch", price: "$89", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/summer-concept-with-open-book_23-2147797699.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "E-Shop",
|
||||
name: "Ceramic Decor Vase",
|
||||
price: "$45",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646555.jpg",
|
||||
},
|
||||
id: "p3", brand: "E-Shop", name: "Ceramic Decor Vase", price: "$45", rating: 5,
|
||||
reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/close-up-arrangement-modern-vases_23-2149646555.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "E-Shop",
|
||||
name: "Desktop Ambient Lamp",
|
||||
price: "$75",
|
||||
rating: 4,
|
||||
reviewCount: "68",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885647.jpg",
|
||||
},
|
||||
id: "p4", brand: "E-Shop", name: "Desktop Ambient Lamp", price: "$75", rating: 4,
|
||||
reviewCount: "68", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885647.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "E-Shop",
|
||||
name: "Organic Skincare Kit",
|
||||
price: "$55",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-circular-background_23-2152022189.jpg",
|
||||
},
|
||||
id: "p5", brand: "E-Shop", name: "Organic Skincare Kit", price: "$55", rating: 5,
|
||||
reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-circular-background_23-2152022189.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "E-Shop",
|
||||
name: "Handcrafted Ceramic Mug",
|
||||
price: "$30",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-white-modern-vases-assortment_23-2149835517.jpg",
|
||||
},
|
||||
id: "p6", brand: "E-Shop", name: "Handcrafted Ceramic Mug", price: "$30", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/different-white-modern-vases-assortment_23-2149835517.jpg"},
|
||||
]}
|
||||
title="Our Best Sellers"
|
||||
description="Explore our top-rated selection of premium essentials."
|
||||
@@ -236,45 +150,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excellent Quality",
|
||||
quote: "The products I received are even better than described.",
|
||||
name: "Alice Johnson",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-66057.jpg",
|
||||
},
|
||||
id: "1", title: "Excellent Quality", quote: "The products I received are even better than described.", name: "Alice Johnson", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-with-coffee-hands-emotion-concept-emotion-happiness_169016-66057.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Super Fast",
|
||||
quote: "My order arrived in record time. Highly recommend!",
|
||||
name: "Bob Smith",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg",
|
||||
},
|
||||
id: "2", title: "Super Fast", quote: "My order arrived in record time. Highly recommend!", name: "Bob Smith", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-bohemian-woman_23-2149726236.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Great Experience",
|
||||
quote: "Seamless shopping journey from start to finish.",
|
||||
name: "Charlie Davis",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg",
|
||||
},
|
||||
id: "3", title: "Great Experience", quote: "Seamless shopping journey from start to finish.", name: "Charlie Davis", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-taking-break-after-shopping_23-2148660680.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Lovely Designs",
|
||||
quote: "Everything I bought looks stunning in my home.",
|
||||
name: "Diana Prince",
|
||||
role: "Artist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-humoured-young-lady-playfully-touching-her-brown-hair-indoor-portrait-lovely-smiling-girl-isolated-yellow-wall_197531-12015.jpg",
|
||||
},
|
||||
id: "4", title: "Lovely Designs", quote: "Everything I bought looks stunning in my home.", name: "Diana Prince", role: "Artist", imageSrc: "http://img.b2bpic.net/free-photo/good-humoured-young-lady-playfully-touching-her-brown-hair-indoor-portrait-lovely-smiling-girl-isolated-yellow-wall_197531-12015.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Professional",
|
||||
quote: "The team behind this store is fantastic.",
|
||||
name: "Edward Norton",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
|
||||
},
|
||||
id: "5", title: "Highly Professional", quote: "The team behind this store is fantastic.", name: "Edward Norton", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg"},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="See what our happy customers have to say."
|
||||
@@ -285,16 +169,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Need Help? Let Us Know"
|
||||
description="We are available 24/7 to answer your questions or concerns."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@eshop.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@eshop.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -305,42 +186,27 @@ export default function LandingPage() {
|
||||
logoText="E-Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user