Merge version_2 into main #1
245
src/app/page.tsx
245
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
name: "Shop", id: "products"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E-Store"
|
||||
/>
|
||||
@@ -55,35 +47,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Welcome to E-Store"
|
||||
description="Your ultimate destination for curated goods at great prices. Start your journey today."
|
||||
variant: "gradient-bars"}}
|
||||
title="E-Store: Curated Quality Goods"
|
||||
description="Your ultimate destination for premium lifestyle products, delivered quickly. Experience seamless shopping, secure payments, and 24/7 customer support."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera-with-shopping-bag-blue-pastel-background-copy-space_1258-128517.jpg",
|
||||
imageAlt: "Hero Item 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera-with-shopping-bag-blue-pastel-background-copy-space_1258-128517.jpg", imageAlt: "Woman shopping online"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-shopping-bags-red-dots-top-view_23-2148663134.jpg",
|
||||
imageAlt: "Hero Item 2",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-halloween-eye-balls-with-copy-space_23-2148609829.jpg",
|
||||
imageAlt: "Hero Item 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-concept-close-up-portrait-young-beautiful-attractive-redhair-girl-smiling-looking-camera_1258-126786.jpg",
|
||||
imageAlt: "Hero Item 4",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-posing-with-shopping-bags_23-2148577057.jpg",
|
||||
imageAlt: "Hero Item 5",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sweet-lady-striped-dress-with-gray-smartphone_23-2148316372.jpg",
|
||||
imageAlt: "Hero Item 6",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-shopping-bags-red-dots-top-view_23-2148663134.jpg", imageAlt: "Curated selection of shopping items"}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,38 +66,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Fast Shipping",
|
||||
author: "Logistics",
|
||||
description: "Global delivery at lightning speed.",
|
||||
tags: [
|
||||
"delivery",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-fast-food-burger-french-fries-coffee_107791-17005.jpg",
|
||||
},
|
||||
id: "f1", title: "Express Global Delivery", author: "Logistics", description: "Your items reach you safely and swiftly with our optimized shipping network.", tags: ["delivery"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-fast-food-burger-french-fries-coffee_107791-17005.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Secure Payment",
|
||||
author: "Finance",
|
||||
description: "Your transactions are always protected.",
|
||||
tags: [
|
||||
"safety",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-online-shopping-with-copy-space_23-2148625678.jpg",
|
||||
},
|
||||
id: "f2", title: "Secure Encrypted Payments", author: "Finance", description: "We prioritize your security with industry-standard, protected transaction processing.", tags: ["safety"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-online-shopping-with-copy-space_23-2148625678.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "24/7 Support",
|
||||
author: "Service",
|
||||
description: "We are here to help whenever you need.",
|
||||
tags: [
|
||||
"help",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-helpline-customer-support-operator-wearing-headset-voicecall-with-client-talking-about-project-financial-risks-call-centre-telemarketer-wearing-headset-call-with-potential-buyer_482257-40174.jpg",
|
||||
},
|
||||
id: "f3", title: "24/7 Premium Support", author: "Service", description: "Our expert team is available around the clock to assist with any questions.", tags: ["help"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-asian-helpline-customer-support-operator-wearing-headset-voicecall-with-client-talking-about-project-financial-risks-call-centre-telemarketer-wearing-headset-call-with-potential-buyer_482257-40174.jpg"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Providing the best shopping experience for our customers worldwide."
|
||||
title="Shop Smarter"
|
||||
description="Discover why millions choose E-Store for their lifestyle needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -138,44 +88,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Item One",
|
||||
price: "$99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-traveling-elements_23-2148884960.jpg",
|
||||
},
|
||||
id: "p1", name: "Travel Essentials", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/top-view-arrangement-different-traveling-elements_23-2148884960.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Item Two",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-wooden-boards-assortment_23-2149514273.jpg",
|
||||
},
|
||||
id: "p2", name: "Premium Home Decor", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-wooden-boards-assortment_23-2149514273.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Item Three",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-laptop-white-background-top-view_169016-33587.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Item Four",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-still-life-pack-flat-lay_23-2148837336.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Item Five",
|
||||
price: "$49",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916729.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Item Six",
|
||||
price: "$79",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722708.jpg",
|
||||
},
|
||||
id: "p3", name: "Smart Workspace Kit", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-laptop-white-background-top-view_169016-33587.jpg"},
|
||||
]}
|
||||
title="Our Featured Products"
|
||||
description="Discover high quality items tailored for your lifestyle."
|
||||
title="Featured Collection"
|
||||
description="Carefully selected items that blend functionality and style."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -184,16 +104,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Brand One",
|
||||
"Brand Two",
|
||||
"Brand Three",
|
||||
"Brand Four",
|
||||
"Brand Five",
|
||||
"Brand Six",
|
||||
"Brand Seven",
|
||||
]}
|
||||
title="Trusted by Leaders"
|
||||
description="Joining forces with top innovators globally."
|
||||
"Innovation Partners", "Design Council", "Logistics Alliance", "Security Trust"]}
|
||||
title="Globally Recognized"
|
||||
description="Trusted by innovators and leaders across the globe."
|
||||
showCard={true}
|
||||
/>
|
||||
</div>
|
||||
@@ -205,89 +118,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "b1",
|
||||
badge: "Basic",
|
||||
price: "$10",
|
||||
subtitle: "For individuals",
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "b1", badge: "Essential", price: "$10", subtitle: "Perfect for daily shoppers", features: ["Standard Shipping", "Basic Support", "Access to Deals"],
|
||||
buttons: [{ text: "Start Shopping", href: "#" }],
|
||||
},
|
||||
{
|
||||
id: "b2",
|
||||
badge: "Pro",
|
||||
price: "$29",
|
||||
subtitle: "For growing businesses",
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
"Feature C",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "b3",
|
||||
badge: "Elite",
|
||||
price: "$99",
|
||||
subtitle: "For heavy users",
|
||||
features: [
|
||||
"Feature A",
|
||||
"Feature B",
|
||||
"Feature C",
|
||||
"Feature D",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
id: "b2", badge: "Premium", price: "$29", subtitle: "For frequent enthusiasts", features: ["Free Express Shipping", "Priority Support", "Exclusive Early Access"],
|
||||
buttons: [{ text: "Upgrade Now", href: "#" }],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="No hidden fees, just value."
|
||||
title="Simple Plans"
|
||||
description="Transparent pricing with no hidden costs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="Amazing store experience! Highly recommended to everyone looking for quality goods."
|
||||
testimonial="E-Store has completely changed how I shop. Fast, reliable, and premium quality!"
|
||||
rating={5}
|
||||
author="John Doe"
|
||||
author="Satisfied Shopper"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middleaged-man-gray-sweater-looking-happy-hopeful-smiling-camera-stand_1258-180428.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67195.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-attractive-fashionable-young-fair-haired-caucasian-lady-with-freckles-loose-hairdo-no-make-up-posing-studio-wearing-white-shirt-gray-copyspace-wall-looking-camera_343059-4195.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67170.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middleaged-man-gray-sweater-looking-happy-hopeful-smiling-camera-stand_1258-180428.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67195.jpg", alt: "User 2" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -300,23 +152,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long is shipping?",
|
||||
content: "Usually 3-5 days.",
|
||||
},
|
||||
id: "q1", title: "What is the estimated shipping time?", content: "Most orders are delivered within 3-5 business days globally."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you accept returns?",
|
||||
content: "Yes, within 30 days.",
|
||||
},
|
||||
id: "q2", title: "How do I process a return?", content: "We offer hassle-free returns within 30 days of purchase."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Is my data secure?",
|
||||
content: "Absolutely.",
|
||||
},
|
||||
id: "q3", title: "Is my payment information safe?", content: "Yes, we use bank-grade encryption to protect your sensitive data."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here is what our customers are asking."
|
||||
title="Need Answers?"
|
||||
description="Browse our frequently asked questions for immediate help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -324,12 +167,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Get in touch"
|
||||
description="Subscribe for news and updates."
|
||||
title="Stay Updated"
|
||||
description="Join our community to receive updates on new products and exclusive offers."
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user