Merge version_2 into main #2
191
src/app/page.tsx
191
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="E-Commerce"
|
||||
/>
|
||||
@@ -58,13 +50,9 @@ export default function LandingPage() {
|
||||
description="Premium goods curated for the modern lifestyle. Experience quality without compromise."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg?_wi=1"
|
||||
/>
|
||||
@@ -73,11 +61,10 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
buttonAnimation="slide-up"
|
||||
title="Quality Built for You"
|
||||
description={[
|
||||
"Every product we offer is carefully vetted to meet the highest standards of craftsmanship.",
|
||||
"We focus on sustainability and durability, ensuring that what you buy today lasts for years.",
|
||||
]}
|
||||
"Every product we offer is carefully vetted to meet the highest standards of craftsmanship.", "We focus on sustainability and durability, ensuring that what you buy today lasts for years."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -89,47 +76,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Wireless Headphones",
|
||||
price: "$199",
|
||||
variant: "Midnight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dj-equipment_93675-132648.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Wireless Headphones", price: "$199", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/dj-equipment_93675-132648.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Smart Watch",
|
||||
price: "$299",
|
||||
variant: "Silver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-sitting-bench-outdoors_23-2148731287.jpg?_wi=1",
|
||||
},
|
||||
id: "2", name: "Smart Watch", price: "$299", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-sitting-bench-outdoors_23-2148731287.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Water Bottle",
|
||||
price: "$49",
|
||||
variant: "Forest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176149.jpg?_wi=1",
|
||||
},
|
||||
id: "3", name: "Water Bottle", price: "$49", variant: "Forest", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176149.jpg?_wi=1"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gaming Mouse",
|
||||
price: "$89",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-holding-mouse-mousepad-play-video-games-man-using-gaming-equipment-computer-playing-online-game-desk-hand-player-gadget-having-fun-with-games_482257-32411.jpg",
|
||||
},
|
||||
id: "4", name: "Gaming Mouse", price: "$89", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/close-up-gamer-holding-mouse-mousepad-play-video-games-man-using-gaming-equipment-computer-playing-online-game-desk-hand-player-gadget-having-fun-with-games_482257-32411.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Leather Wallet",
|
||||
price: "$129",
|
||||
variant: "Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg",
|
||||
},
|
||||
id: "5", name: "Leather Wallet", price: "$129", variant: "Brown", imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Desk Lamp",
|
||||
price: "$79",
|
||||
variant: "Gold",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919404.jpg",
|
||||
},
|
||||
id: "6", name: "Desk Lamp", price: "$79", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/lamp-indoors-interior-design_23-2151919404.jpg"},
|
||||
]}
|
||||
title="Featured Collection"
|
||||
description="Explore our curated selection of high-performance products."
|
||||
@@ -143,17 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Generic components",
|
||||
"Limited support",
|
||||
"Excessive waste",
|
||||
],
|
||||
"Generic components", "Limited support", "Excessive waste"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Premium build quality",
|
||||
"Lifetime support",
|
||||
"Eco-friendly materials",
|
||||
],
|
||||
"Premium build quality", "Lifetime support", "Eco-friendly materials"],
|
||||
}}
|
||||
title="Why Choose Us"
|
||||
description="A comparison between standard offerings and our premium quality promise."
|
||||
@@ -165,12 +116,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"DigitalWave",
|
||||
]}
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "DigitalWave"]}
|
||||
title="Trusted by Leaders"
|
||||
description="Partnering with industry pioneers to deliver excellence."
|
||||
/>
|
||||
@@ -180,62 +126,18 @@ export default function LandingPage() {
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
buttonAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Smith",
|
||||
date: "Jan 2025",
|
||||
title: "Developer",
|
||||
quote: "The best product I have ever purchased.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg?_wi=2",
|
||||
imageAlt: "business portrait woman",
|
||||
},
|
||||
id: "1", name: "Alice Smith", date: "Jan 2025", title: "Developer", quote: "The best product I have ever purchased.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-looks-clothes-online-touch-screen-monitor-fashion-boutique-mall-self-service-board-male-customer-looking-trendy-clothes-items-retail-kiosk-display_482257-63314.jpg?_wi=2", imageAlt: "business portrait woman"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Bob Jones",
|
||||
date: "Feb 2025",
|
||||
title: "Manager",
|
||||
quote: "Incredible durability and design.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sketchbooks-paint-table_23-2147802056.jpg",
|
||||
imageAlt: "business portrait woman",
|
||||
},
|
||||
id: "2", name: "Bob Jones", date: "Feb 2025", title: "Manager", quote: "Incredible durability and design.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sketchbooks-paint-table_23-2147802056.jpg", imageAlt: "business portrait woman"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Charlie Day",
|
||||
date: "Mar 2025",
|
||||
title: "Designer",
|
||||
quote: "Exceeds all expectations every time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dj-equipment_93675-132648.jpg?_wi=2",
|
||||
imageAlt: "business portrait woman",
|
||||
},
|
||||
id: "3", name: "Charlie Day", date: "Mar 2025", title: "Designer", quote: "Exceeds all expectations every time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-businesswoman-holding-coffee-cup_23-2148187126.jpg", imageSrc: "http://img.b2bpic.net/free-photo/dj-equipment_93675-132648.jpg?_wi=2", imageAlt: "business portrait woman"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Diana Ross",
|
||||
date: "Apr 2025",
|
||||
title: "CEO",
|
||||
quote: "Quality that truly makes a difference.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-sitting-bench-outdoors_23-2148731287.jpg?_wi=2",
|
||||
imageAlt: "business portrait woman",
|
||||
},
|
||||
id: "4", name: "Diana Ross", date: "Apr 2025", title: "CEO", quote: "Quality that truly makes a difference.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-looking-aside-smiling-confident-with-arms-crossed-chest_141793-55366.jpg", imageSrc: "http://img.b2bpic.net/free-photo/casual-woman-sitting-bench-outdoors_23-2148731287.jpg?_wi=2", imageAlt: "business portrait woman"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Edward Norton",
|
||||
date: "May 2025",
|
||||
title: "Architect",
|
||||
quote: "Sleek, modern, and built to last.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176149.jpg?_wi=2",
|
||||
imageAlt: "business portrait woman",
|
||||
},
|
||||
id: "5", name: "Edward Norton", date: "May 2025", title: "Architect", quote: "Sleek, modern, and built to last.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-hispanic-cheerful-female-with-curly-hair_181624-53321.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176149.jpg?_wi=2", imageAlt: "business portrait woman"},
|
||||
]}
|
||||
title="Our Community"
|
||||
description="Hear what our customers have to say about their experience."
|
||||
@@ -248,20 +150,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the return policy?",
|
||||
content: "You can return items within 30 days of purchase.",
|
||||
},
|
||||
id: "f1", title: "What is the return policy?", content: "You can return items within 30 days of purchase."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we ship globally within 5-7 business days.",
|
||||
},
|
||||
id: "f2", title: "Do you offer shipping?", content: "Yes, we ship globally within 5-7 business days."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is my data secure?",
|
||||
content: "We use industry-standard encryption for all transactions.",
|
||||
},
|
||||
id: "f3", title: "Is my data secure?", content: "We use industry-standard encryption for all transactions."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -272,17 +165,15 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
buttonAnimation="slide-up"
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in touch"
|
||||
title="Ready to get started?"
|
||||
description="Have questions about our products or partnership opportunities?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Email Us",
|
||||
href: "mailto:hello@example.com",
|
||||
},
|
||||
text: "Email Us", href: "mailto:hello@example.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -292,29 +183,19 @@ export default function LandingPage() {
|
||||
logoText="E-Commerce"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
title: "Links", items: [
|
||||
{
|
||||
label: "Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Products", href: "#products"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -323,4 +204,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user