Merge version_1 into main #2
176
src/app/page.tsx
176
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GEARCLEAN"
|
||||
/>
|
||||
@@ -60,21 +50,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
logoText="GEARCLEAN"
|
||||
description="Restore your gear. Upgrade your performance. Professional cleaning for your gaming setup."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Restoration",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Start Restoration", href: "#pricing"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906342.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906342.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -84,7 +69,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Next-Gen Gear Restoration"
|
||||
description="We specialize in precision deep-cleaning for high-end gaming peripherals. Our lab environment ensures 99.9% bacteria-free surfaces, restoring that brand-new feel to your battle station."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-opens-topcase-small-personal-computer-before-upgraiding-memory-wide-angle-view_346278-1212.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-opens-topcase-small-personal-computer-before-upgraiding-memory-wide-angle-view_346278-1212.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -95,28 +80,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ultra-Deep Clean",
|
||||
description: "Mechanical switches cleaned with precision.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Sparkles,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-computer-keyboard_1260-14.jpg",
|
||||
imageAlt: "rgb keyboard neon",
|
||||
title: "Ultra-Deep Clean", description: "Mechanical switches cleaned with precision.", bentoComponent: "reveal-icon", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Bacteria Shield",
|
||||
description: "99.9% elimination of harmful pathogens.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906342.jpg?_wi=2",
|
||||
imageAlt: "rgb keyboard neon",
|
||||
title: "Bacteria Shield", description: "99.9% elimination of harmful pathogens.", bentoComponent: "reveal-icon", icon: Shield
|
||||
},
|
||||
{
|
||||
title: "Performance Boost",
|
||||
description: "Restored tactile response for every click.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-opens-topcase-small-personal-computer-before-upgraiding-memory-wide-angle-view_346278-1212.jpg?_wi=2",
|
||||
imageAlt: "rgb keyboard neon",
|
||||
title: "Performance Boost", description: "Restored tactile response for every click.", bentoComponent: "reveal-icon", icon: Zap
|
||||
},
|
||||
]}
|
||||
title="Precision Hygiene"
|
||||
@@ -131,51 +101,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "€29",
|
||||
subtitle: "Keyboard Pro",
|
||||
features: [
|
||||
"Full internal clean",
|
||||
"Switch lubrication",
|
||||
"Anti-bacterial wipe",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "€29", subtitle: "Keyboard Pro", features: [
|
||||
"Full internal clean", "Switch lubrication", "Anti-bacterial wipe"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
text: "Book Now"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Elite",
|
||||
price: "€49",
|
||||
subtitle: "Pro Combo",
|
||||
features: [
|
||||
"Keyboard + Mouse",
|
||||
"Deep sanitize",
|
||||
"Performance optimization",
|
||||
],
|
||||
id: "pro", badge: "Elite", price: "€49", subtitle: "Pro Combo", features: [
|
||||
"Keyboard + Mouse", "Deep sanitize", "Performance optimization"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Choose Elite",
|
||||
},
|
||||
text: "Choose Elite"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "mouse",
|
||||
badge: "Starter",
|
||||
price: "€19",
|
||||
subtitle: "Mouse Revive",
|
||||
features: [
|
||||
"Sensor calibration",
|
||||
"Surface cleaning",
|
||||
"Glider polish",
|
||||
],
|
||||
id: "mouse", badge: "Starter", price: "€19", subtitle: "Mouse Revive", features: [
|
||||
"Sensor calibration", "Surface cleaning", "Glider polish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Starter",
|
||||
},
|
||||
text: "Select Starter"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -192,25 +138,15 @@ export default function LandingPage() {
|
||||
author="GamingPro"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-streamer-playing-video-game-using-computer-gaming-room_839833-26453.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-streamer-playing-video-game-using-computer-gaming-room_839833-26453.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-employees-looking-laptop-laughing_74855-4007.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-indian-guy-wearing-military-shirt-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19198.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-cheerful-indian-guy-wearing-military-shirt-sitting-gamer-chair-looking-camera-gaming-club-internet-cafe_613910-19198.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/epic-gamer-battlestation_23-2151948236.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/epic-gamer-battlestation_23-2151948236.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/player-participating-esports-competition-livestream-feeling-stressed_482257-103571.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/player-participating-esports-competition-livestream-feeling-stressed_482257-103571.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -225,25 +161,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
title: "Devices Serviced",
|
||||
description: "Restored to peak condition.",
|
||||
icon: Award,
|
||||
id: "m1", value: "500+", title: "Devices Serviced", description: "Restored to peak condition.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
title: "Hygiene Rating",
|
||||
description: "Certified bacteria-free.",
|
||||
icon: Shield,
|
||||
id: "m2", value: "99.9%", title: "Hygiene Rating", description: "Certified bacteria-free.", icon: Shield,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Satisfied Users",
|
||||
description: "Proven results.",
|
||||
icon: Smile,
|
||||
id: "m3", value: "100%", title: "Satisfied Users", description: "Proven results.", icon: Smile,
|
||||
},
|
||||
]}
|
||||
title="Lab Results"
|
||||
@@ -257,20 +181,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is it safe for my gear?",
|
||||
content: "Yes, we use ESD-safe methods and electronics-grade cleaners.",
|
||||
},
|
||||
id: "f1", title: "Is it safe for my gear?", content: "Yes, we use ESD-safe methods and electronics-grade cleaners."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long does it take?",
|
||||
content: "Most orders are processed within 48 hours.",
|
||||
},
|
||||
id: "f2", title: "How long does it take?", content: "Most orders are processed within 48 hours."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer shipping?",
|
||||
content: "Yes, we support Econt and Speedy for all your deliveries.",
|
||||
},
|
||||
id: "f3", title: "Do you offer shipping?", content: "Yes, we support Econt and Speedy for all your deliveries."},
|
||||
]}
|
||||
title="Clean Answers"
|
||||
description="Everything you need to know about our service."
|
||||
@@ -282,8 +197,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
variant: "animated-grid"}}
|
||||
tag="Get Started"
|
||||
title="Upgrade Your Performance"
|
||||
description="Send us your request and join the elite status."
|
||||
@@ -296,29 +210,19 @@ export default function LandingPage() {
|
||||
logoText="GEARCLEAN"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Keyboard Pro",
|
||||
href: "#",
|
||||
},
|
||||
label: "Keyboard Pro", href: "#"},
|
||||
{
|
||||
label: "Mouse Revive",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mouse Revive", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user