Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9b2f354dfd | |||
| 5ba0576d36 | |||
| 420daa9b28 | |||
| 10653a41b3 |
270
src/app/page.tsx
270
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TechMobile"
|
||||
/>
|
||||
@@ -55,62 +47,39 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Experience Innovation at Your Fingertips"
|
||||
description="Discover our premium selection of the latest smartphones, protective covers, and essential tech accessories designed for the modern lifestyle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Now", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797632.jpg?_wi=1"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-confident-manager-cafeteria_1098-20954.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Join 10,000+ happy tech lovers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Next-Gen Smartphones",
|
||||
},
|
||||
type: "text", text: "Next-Gen Smartphones"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Fast Shipping",
|
||||
},
|
||||
type: "text", text: "Fast Shipping"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
type: "text", text: "Expert Support"},
|
||||
{
|
||||
type: "text",
|
||||
text: "30-Day Returns",
|
||||
},
|
||||
type: "text", text: "30-Day Returns"},
|
||||
{
|
||||
type: "text",
|
||||
text: "12-Month Warranty",
|
||||
},
|
||||
type: "text", text: "12-Month Warranty"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -120,9 +89,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Quality You Can Trust"
|
||||
description={[
|
||||
"At TechMobile, we curate only the best in mobile technology. Our commitment to quality ensures you get devices and accessories that blend performance, durability, and style seamlessly.",
|
||||
"Founded by tech enthusiasts, our mission is to empower your digital lifestyle with products that matter.",
|
||||
]}
|
||||
"At TechMobile, we curate only the best in mobile technology. Our commitment to quality ensures you get devices and accessories that blend performance, durability, and style seamlessly.", "Founded by tech enthusiasts, our mission is to empower your digital lifestyle with products that matter."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -133,29 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Premium Quality",
|
||||
descriptions: [
|
||||
"Hand-picked electronics",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4917.jpg?_wi=1",
|
||||
},
|
||||
id: "1", title: "Premium Quality", descriptions: [
|
||||
"Hand-picked electronics"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4917.jpg?_wi=1"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Fast Shipping",
|
||||
descriptions: [
|
||||
"Delivered to your door",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-black-wall_417767-431.jpg?_wi=1",
|
||||
},
|
||||
id: "2", title: "Fast Shipping", descriptions: [
|
||||
"Delivered to your door"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-black-wall_417767-431.jpg?_wi=1"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Expert Support",
|
||||
descriptions: [
|
||||
"Always here to help",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colombian-flag-with-3d-rendering-hologram_23-2150699635.jpg?_wi=1",
|
||||
},
|
||||
id: "3", title: "Expert Support", descriptions: [
|
||||
"Always here to help"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colombian-flag-with-3d-rendering-hologram_23-2150699635.jpg?_wi=1"},
|
||||
]}
|
||||
title="Why Choose TechMobile?"
|
||||
description="We stand by our products with unmatched customer service and quality assurance."
|
||||
@@ -165,55 +120,28 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-actions"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Pro Case",
|
||||
price: "$29",
|
||||
variant: "Black",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-elements-composition_23-2147913648.jpg",
|
||||
},
|
||||
id: "p1", name: "Pro Case", price: "$29", variant: "Black", imageSrc: "http://img.b2bpic.net/free-photo/modern-sport-elements-composition_23-2147913648.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Audio Pro",
|
||||
price: "$199",
|
||||
variant: "Silver",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg",
|
||||
},
|
||||
id: "p2", name: "Audio Pro", price: "$199", variant: "Silver", imageSrc: "http://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924151.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "PowerHub",
|
||||
price: "$89",
|
||||
variant: "Space Gray",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/inserting-card-cash-machine_1339-3022.jpg",
|
||||
},
|
||||
id: "p3", name: "PowerHub", price: "$89", variant: "Space Gray", imageSrc: "http://img.b2bpic.net/free-photo/inserting-card-cash-machine_1339-3022.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "SmartWatch X",
|
||||
price: "$349",
|
||||
variant: "Midnight",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722652.jpg",
|
||||
},
|
||||
id: "p4", name: "SmartWatch X", price: "$349", variant: "Midnight", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722652.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "SlimBank",
|
||||
price: "$59",
|
||||
variant: "Satin",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-lying-laptop_1057-4320.jpg",
|
||||
},
|
||||
id: "p5", name: "SlimBank", price: "$59", variant: "Satin", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-lying-laptop_1057-4320.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "ErgoStand",
|
||||
price: "$45",
|
||||
variant: "Aluminium",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722646.jpg",
|
||||
},
|
||||
id: "p6", name: "ErgoStand", price: "$45", variant: "Aluminium", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722646.jpg"},
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Check out our newest smartphones, cases, and premium accessories."
|
||||
buttons={[
|
||||
{ text: "View All Products", href: "#products" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -225,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Customers",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Customers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Products Shipped",
|
||||
},
|
||||
id: "m2", value: "500+", description: "Products Shipped"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.9/5",
|
||||
description: "Customer Rating",
|
||||
},
|
||||
id: "m3", value: "4.9/5", description: "Customer Rating"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Numbers speak for our quality and reliability."
|
||||
@@ -251,60 +170,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
date: "Jan 2025",
|
||||
title: "Great service!",
|
||||
quote: "The phone arrived faster than expected and works perfectly.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797632.jpg?_wi=2",
|
||||
imageAlt: "customer headshot professional",
|
||||
},
|
||||
id: "t1", name: "Alice M.", date: "Jan 2025", title: "Great service!", quote: "The phone arrived faster than expected and works perfectly.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797632.jpg?_wi=2", imageAlt: "customer headshot professional"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Bob D.",
|
||||
date: "Feb 2025",
|
||||
title: "High Quality",
|
||||
quote: "Best accessories I've purchased, very high quality.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-flat-lay_23-2148128292.jpg",
|
||||
imageAlt: "customer headshot professional",
|
||||
},
|
||||
id: "t2", name: "Bob D.", date: "Feb 2025", title: "High Quality", quote: "Best accessories I've purchased, very high quality.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-female-business-executive-with-arms-crossed_1170-1133.jpg", imageSrc: "http://img.b2bpic.net/free-photo/business-desk-assortment-flat-lay_23-2148128292.jpg", imageAlt: "customer headshot professional"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Charlie S.",
|
||||
date: "Feb 2025",
|
||||
title: "Excellent!",
|
||||
quote: "Top notch support team helped me choose the right case.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4917.jpg?_wi=2",
|
||||
imageAlt: "customer headshot professional",
|
||||
},
|
||||
id: "t3", name: "Charlie S.", date: "Feb 2025", title: "Excellent!", quote: "Top notch support team helped me choose the right case.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-colorful-background_58702-4917.jpg?_wi=2", imageAlt: "customer headshot professional"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
date: "Mar 2025",
|
||||
title: "Awesome",
|
||||
quote: "TechMobile is definitely my go-to store for everything mobile.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headphones-black-wall_417767-431.jpg?_wi=2",
|
||||
imageAlt: "customer headshot professional",
|
||||
},
|
||||
id: "t4", name: "David W.", date: "Mar 2025", title: "Awesome", quote: "TechMobile is definitely my go-to store for everything mobile.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-successful-young-businessman-with-his-arms-crossed-looking-camera_23-2148176207.jpg", imageSrc: "http://img.b2bpic.net/free-photo/headphones-black-wall_417767-431.jpg?_wi=2", imageAlt: "customer headshot professional"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Eve L.",
|
||||
date: "Mar 2025",
|
||||
title: "Happy",
|
||||
quote: "Super reliable products and good pricing.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands-shows-okay-ok-gesture-approval-agree-with-something-like-product_1258-314217.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colombian-flag-with-3d-rendering-hologram_23-2150699635.jpg?_wi=2",
|
||||
imageAlt: "customer headshot professional",
|
||||
},
|
||||
id: "t5", name: "Eve L.", date: "Mar 2025", title: "Happy", quote: "Super reliable products and good pricing.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-cafe-sitting-with-laptop-working-remotely-freelancer-with-phone-hands-shows-okay-ok-gesture-approval-agree-with-something-like-product_1258-314217.jpg", imageSrc: "http://img.b2bpic.net/free-photo/colombian-flag-with-3d-rendering-hologram_23-2150699635.jpg?_wi=2", imageAlt: "customer headshot professional"},
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Read authentic stories from our happy customers."
|
||||
@@ -317,24 +191,18 @@ 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 for a full refund.",
|
||||
},
|
||||
id: "f1", title: "What is the return policy?", content: "You can return items within 30 days of purchase for a full refund."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer warranty?",
|
||||
content: "Yes, all our electronics come with a 12-month manufacturer warranty.",
|
||||
},
|
||||
id: "f2", title: "Do you offer warranty?", content: "Yes, all our electronics come with a 12-month manufacturer warranty."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Where do you ship?",
|
||||
content: "We ship to over 50 countries worldwide.",
|
||||
},
|
||||
id: "f3", title: "Where do you ship?", content: "We ship to over 50 countries worldwide."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
description="Answers to the most common questions from our customers."
|
||||
faqsAnimation="slide-up"
|
||||
buttons={[
|
||||
{ text: "Contact Support", href: "#contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -342,8 +210,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Newsletter"
|
||||
title="Stay Connected"
|
||||
description="Sign up for our newsletter to get the latest tech news and deals."
|
||||
@@ -356,42 +223,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "Phones",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Phones", href: "#products"},
|
||||
{
|
||||
label: "Accessories",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Accessories", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -401,4 +253,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user