Merge version_1 into main #2
186
src/app/page.tsx
186
src/app/page.tsx
@@ -30,27 +30,17 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="E-Shop"
|
||||
button={{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
}}
|
||||
text: "Shop Now", href: "#products"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -60,11 +50,9 @@ export default function LandingPage() {
|
||||
description="Upgrade your lifestyle with our curated collection of high-end products designed for performance, comfort, and style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lilac-cosmetics-jar_23-2147787924.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lilac-cosmetics-jar_23-2147787924.jpg"
|
||||
imageAlt="Minimalist ecommerce products"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,41 +65,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Headphones",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912739.jpg",
|
||||
},
|
||||
id: "1", name: "Premium Headphones", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/top-view-virtual-reality-headset-white-headphones_23-2148912739.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smart Watch",
|
||||
price: "$249",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartwatch-with-blank-screen_23-2147797003.jpg",
|
||||
},
|
||||
id: "2", name: "Smart Watch", price: "$249", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smartwatch-with-blank-screen_23-2147797003.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Leather Backpack",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-bag-passport_23-2149030595.jpg",
|
||||
},
|
||||
id: "3", name: "Leather Backpack", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-bag-passport_23-2149030595.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ergonomic Mouse",
|
||||
price: "$59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-office-desk-with-computer-screen-clipboard_23-2148821881.jpg",
|
||||
},
|
||||
id: "4", name: "Ergonomic Mouse", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-office-desk-with-computer-screen-clipboard_23-2148821881.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$129",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-desk-setup-with-3d-glasses_23-2149529356.jpg",
|
||||
},
|
||||
id: "5", name: "Mechanical Keyboard", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-desk-setup-with-3d-glasses_23-2149529356.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Camera Lens",
|
||||
price: "$499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-person-holding-camera-lens_181624-46673.jpg",
|
||||
},
|
||||
id: "6", name: "Camera Lens", price: "$499", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-person-holding-camera-lens_181624-46673.jpg"},
|
||||
]}
|
||||
title="Featured Collections"
|
||||
description="Explore our top-rated products selected specifically for your daily needs."
|
||||
@@ -120,25 +84,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Limited stock alert",
|
||||
"Standard shipping delays",
|
||||
"Seasonal price spikes",
|
||||
"High demand periods",
|
||||
"Global logistics constraints",
|
||||
],
|
||||
"Limited stock alert", "Standard shipping delays", "Seasonal price spikes", "High demand periods", "Global logistics constraints"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Free express shipping",
|
||||
"24/7 priority support",
|
||||
"Lifetime warranty included",
|
||||
"Easy 30-day returns",
|
||||
"Secure encrypted payments",
|
||||
],
|
||||
"Free express shipping", "24/7 priority support", "Lifetime warranty included", "Easy 30-day returns", "Secure encrypted payments"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="We prioritize quality and customer satisfaction above all else."
|
||||
@@ -152,59 +107,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Designer",
|
||||
company: "Creative Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Designer", company: "Creative Co", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-with-hand-chin_1262-20885.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Developer",
|
||||
company: "Tech Lab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg",
|
||||
},
|
||||
id: "2", name: "John Doe", role: "Developer", company: "Tech Lab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-fashionable-young-man-trendy-headwear-sitting-wooden-table-coffee-shop_273609-1757.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Manager",
|
||||
company: "Biz Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669844.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Chen", role: "Manager", company: "Biz Solutions", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-shopping-buying-consumer-goods_23-2151669844.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mike Ross",
|
||||
role: "Lead",
|
||||
company: "Finance Inc",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-shopping-bags-one-hand-credit-card-other_23-2148673233.jpg",
|
||||
},
|
||||
id: "4", name: "Mike Ross", role: "Lead", company: "Finance Inc", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-holding-shopping-bags-one-hand-credit-card-other_23-2148673233.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Analyst",
|
||||
company: "Data Pro",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-woman-laughs-happily-keeps-arms-folded-expresses-positive-emotions-grins-from-happiness-dressed-casual-jumper-isolated-blue-wall-has-fun-hears-funny-joke_273609-44695.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Analyst", company: "Data Pro", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-joyful-woman-laughs-happily-keeps-arms-folded-expresses-positive-emotions-grins-from-happiness-dressed-casual-jumper-isolated-blue-wall-has-fun-hears-funny-joke_273609-44695.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "10k+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
value: "10k+", label: "Happy Clients"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Avg Rating"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Satisfaction"},
|
||||
]}
|
||||
title="Trusted by Thousands"
|
||||
description="Hear what our satisfied customers are saying about their recent purchases."
|
||||
@@ -216,30 +140,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 30 days of purchase for a full refund.",
|
||||
},
|
||||
id: "1", title: "What is the return policy?", content: "You can return items within 30 days of purchase for a full refund."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Yes, we ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "2", title: "Do you ship internationally?", content: "Yes, we ship to over 50 countries worldwide."},
|
||||
{
|
||||
id: "3",
|
||||
title: "How long does shipping take?",
|
||||
content: "Domestic orders arrive within 2-3 business days.",
|
||||
},
|
||||
id: "3", title: "How long does shipping take?", content: "Domestic orders arrive within 2-3 business days."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is my payment secure?",
|
||||
content: "We use SSL encryption and never store your credit card information directly.",
|
||||
},
|
||||
id: "4", title: "Is my payment secure?", content: "We use SSL encryption and never store your credit card information directly."},
|
||||
{
|
||||
id: "5",
|
||||
title: "How do I track my order?",
|
||||
content: "You will receive an email with a tracking number once your order has shipped.",
|
||||
},
|
||||
id: "5", title: "How do I track my order?", content: "You will receive an email with a tracking number once your order has shipped."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Get quick answers to the most common questions about our products and shipping policy."
|
||||
@@ -251,12 +160,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Stay Updated"
|
||||
description="Subscribe to our newsletter and be the first to know about new product launches and special discounts."
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lilac-cosmetics-jar_23-2147787924.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lilac-cosmetics-jar_23-2147787924.jpg"
|
||||
tag="Newsletter"
|
||||
/>
|
||||
</div>
|
||||
@@ -267,29 +175,19 @@ export default function LandingPage() {
|
||||
logoText="E-Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user