Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
289
src/app/page.tsx
289
src/app/page.tsx
@@ -33,22 +33,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Shop", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Support", id: "faq" },
|
||||
]}
|
||||
brandName="GadgetHub"
|
||||
/>
|
||||
@@ -56,70 +44,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Future of Tech, Delivered."
|
||||
description="Discover the latest cutting-edge gadgets and premium electronics designed to power your lifestyle."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/multiethnic-friends-sitting-table-while-watching-video-content-laptop-diverse-group-people-home-living-room-enjoying-movies-together-modern-portable-computer-while-having-snacks_482257-44707.jpg",
|
||||
alt: "User",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg",
|
||||
alt: "User",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg",
|
||||
alt: "User",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-call-center-worker-doing-customer-service-job_482257-125208.jpg",
|
||||
alt: "User",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
|
||||
alt: "User",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/multiethnic-friends-sitting-table-while-watching-video-content-laptop-diverse-group-people-home-living-room-enjoying-movies-together-modern-portable-computer-while-having-snacks_482257-44707.jpg", alt: "User" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smart-pensive-redhead-hipster-with-full-beard-glasses-dressed-casual-clothes-poses-with-hand-chin-studio-isolated-dark-background_613910-20091.jpg", alt: "User" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-businesswoman-showing-digital-tablet_1262-6180.jpg", alt: "User" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-call-center-worker-doing-customer-service-job_482257-125208.jpg", alt: "User" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg", alt: "User" },
|
||||
]}
|
||||
avatarText="Join 50k+ satisfied tech enthusiasts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Shop Now", href: "#products" }, { text: "Learn More", href: "#about" }]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fast Shipping",
|
||||
icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Quality",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Global Warranty",
|
||||
icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payment",
|
||||
icon: CreditCard,
|
||||
},
|
||||
{ type: "text-icon", text: "Fast Shipping", icon: Truck },
|
||||
{ type: "text-icon", text: "24/7 Support", icon: Headphones },
|
||||
{ type: "text-icon", text: "Premium Quality", icon: Star },
|
||||
{ type: "text-icon", text: "Global Warranty", icon: Shield },
|
||||
{ type: "text-icon", text: "Secure Payment", icon: CreditCard },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,12 +70,7 @@ export default function LandingPage() {
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Innovation At Your Fingertips"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Collection",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Explore Collection", href: "#products" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -144,42 +81,12 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Premium Headphones",
|
||||
price: "$299",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-headphones-striped-t-shirt-looking-cheerful-front-view_176474-15915.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elite Smartwatch",
|
||||
price: "$199",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartwatch-beach_23-2147803054.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mechanical Keyboard",
|
||||
price: "$149",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529416.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "4K Camera",
|
||||
price: "$899",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collection-cameras-near-rows-film_23-2147852538.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pro Gaming Mouse",
|
||||
price: "$89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/programmer-typing-computer-fix-software-vulnerabilities-close-up_482257-116542.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Fast Power Bank",
|
||||
price: "$59",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128466.jpg",
|
||||
},
|
||||
{ id: "1", name: "Premium Headphones", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/young-female-holding-headphones-striped-t-shirt-looking-cheerful-front-view_176474-15915.jpg" },
|
||||
{ id: "2", name: "Elite Smartwatch", price: "$199", imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-with-smartwatch-beach_23-2147803054.jpg" },
|
||||
{ id: "3", name: "Mechanical Keyboard", price: "$149", imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-3d-glasses_23-2149529416.jpg" },
|
||||
{ id: "4", name: "4K Camera", price: "$899", imageSrc: "http://img.b2bpic.net/free-photo/collection-cameras-near-rows-film_23-2147852538.jpg" },
|
||||
{ id: "5", name: "Pro Gaming Mouse", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/programmer-typing-computer-fix-software-vulnerabilities-close-up_482257-116542.jpg" },
|
||||
{ id: "6", name: "Fast Power Bank", price: "$59", imageSrc: "http://img.b2bpic.net/free-photo/phone-mobile-connect-battery-power-bank_93675-128466.jpg" },
|
||||
]}
|
||||
title="Latest Arrivals"
|
||||
description="Hand-picked gadgets for professionals and enthusiasts."
|
||||
@@ -193,29 +100,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Next Gen Performance",
|
||||
description: "Experience speed like never before.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105480.jpg",
|
||||
imageAlt: "Performance",
|
||||
},
|
||||
title: "Next Gen Performance", description: "Experience speed like never before.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-background-texture_23-2148105480.jpg", imageAlt: "Performance"},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "High speed",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Secure tech",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
text: "Tested",
|
||||
},
|
||||
{ icon: Zap, text: "High speed" },
|
||||
{ icon: Shield, text: "Secure tech" },
|
||||
{ icon: Award, text: "Tested" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laptop-calculator-pencil-scissor-cell-phone-wireless-speaker-ebook-reader-wooden-desk_23-2147916438.jpg",
|
||||
imageAlt: "circuit board electronics",
|
||||
},
|
||||
]}
|
||||
title="Why GadgetHub?"
|
||||
@@ -230,27 +122,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10M+",
|
||||
title: "Gadgets Sold",
|
||||
description: "Worldwide sales",
|
||||
icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500K",
|
||||
title: "Happy Users",
|
||||
description: "Global community",
|
||||
icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
title: "Support",
|
||||
description: "Always there",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ id: "m1", value: "10M+", title: "Gadgets Sold", description: "Worldwide sales", icon: ShoppingBag },
|
||||
{ id: "m2", value: "500K", title: "Happy Users", description: "Global community", icon: Users },
|
||||
{ id: "m3", value: "24/7", title: "Support", description: "Always there", icon: Headphones },
|
||||
]}
|
||||
title="Global Impact"
|
||||
description="We are proud of our milestones."
|
||||
@@ -261,15 +135,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"InnovateTech",
|
||||
"CircuitInc",
|
||||
"GlobalGadget",
|
||||
"DataFuture",
|
||||
"DigitalSolutions",
|
||||
"PowerLink",
|
||||
"SmartConnect",
|
||||
]}
|
||||
names={["InnovateTech", "CircuitInc", "GlobalGadget", "DataFuture", "DigitalSolutions", "PowerLink", "SmartConnect"]}
|
||||
title="Trusted Partners"
|
||||
description="Collaborating with tech leaders globally."
|
||||
/>
|
||||
@@ -282,46 +148,11 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-phone-technology-store_1303-31328.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-brunette-businesswoman-glasses-blue-shirt-holds-tablet-sitting-sofa-room-with-loft-design_613910-211.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "Lead",
|
||||
company: "TechStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-choosing-phone-technology-store_1303-31328.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fury-businessman-black-wall_176420-3461.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-brunette-businesswoman-glasses-blue-shirt-holds-tablet-sitting-sofa-room-with-loft-design_613910-211.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-person-texting-messages-smartphone-app-sofa-finishing-tasks-before_482257-132374.jpg" },
|
||||
{ id: "5", name: "Lisa Wang", role: "Lead", company: "TechStudio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-african-american-programer-sitting-down-working-laptop-arranging-glasses-looking-up-smiling-camera-system-engineer-using-portable-computer-computing-big-data_482257-40598.jpg" },
|
||||
]}
|
||||
title="What They Say"
|
||||
description="Our customers love the quality."
|
||||
@@ -333,21 +164,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Shipping time?",
|
||||
content: "3-5 business days.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Return policy?",
|
||||
content: "30-day money back.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Warranty?",
|
||||
content: "1-year limited.",
|
||||
},
|
||||
{ id: "q1", title: "Shipping time?", content: "3-5 business days." },
|
||||
{ id: "q2", title: "Return policy?", content: "30-day money back." },
|
||||
{ id: "q3", title: "Warranty?", content: "1-year limited." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about our products."
|
||||
@@ -358,9 +177,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Newsletter"
|
||||
title="Stay Updated"
|
||||
description="Get exclusive tech deals weekly."
|
||||
@@ -371,28 +188,8 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="GadgetHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "All",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shop", items: [{ label: "All", href: "#products" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user