Merge version_1 into main #2
133
src/app/page.tsx
133
src/app/page.tsx
@@ -30,17 +30,11 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Katalog",
|
||||
id: "/",
|
||||
},
|
||||
name: "Katalog", id: "/"},
|
||||
{
|
||||
name: "Keranjang",
|
||||
id: "/cart",
|
||||
},
|
||||
name: "Keranjang", id: "/cart"},
|
||||
{
|
||||
name: "Profil",
|
||||
id: "/profile",
|
||||
},
|
||||
name: "Profil", id: "/profile"},
|
||||
]}
|
||||
brandName="EduPlayHub"
|
||||
/>
|
||||
@@ -49,32 +43,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Quiet Luxury Tech Rentals"
|
||||
description="Premium gear for creators, students, and enthusiasts. Elevate your craft with our curated hub."
|
||||
tag="EduPlayHub Premium"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-80036.jpg?_wi=1",
|
||||
imageAlt: "Premium gear pedestal",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-plain-blur-grey-black-gradient-used-as-background-studio-wall-display-your-products_1258-80036.jpg", imageAlt: "Premium gear pedestal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-smartphone-seaside_23-2148551585.jpg",
|
||||
imageAlt: "Drone professional gear",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349170.jpg",
|
||||
imageAlt: "Neon robot vacuum cleaner",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-vintage-gradient-blur-background-with-pastel-colored-well-use-as-studio-room-product-presentation-banner_1258-71792.jpg",
|
||||
imageAlt: "Studio room gradient",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-105222.jpg",
|
||||
imageAlt: "Luxury blue gradient banner",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-smartphone-seaside_23-2148551585.jpg", imageAlt: "Drone professional gear"}
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
rating={5}
|
||||
@@ -87,49 +64,14 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Phantom Pro Drone",
|
||||
price: "RENT: $49/day",
|
||||
variant: "Buy: $999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-desert-sunset_23-2152011737.jpg",
|
||||
},
|
||||
id: "p1", name: "Phantom Pro Drone", price: "RENT: $49/day", variant: "Buy: $999", imageSrc: "http://img.b2bpic.net/free-photo/drone-desert-sunset_23-2152011737.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Alpha 7 Camera",
|
||||
price: "RENT: $75/day",
|
||||
variant: "Buy: $2400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-camera-lens_23-2150720446.jpg",
|
||||
},
|
||||
id: "p2", name: "Alpha 7 Camera", price: "RENT: $75/day", variant: "Buy: $2400", imageSrc: "http://img.b2bpic.net/free-photo/close-up-professional-camera-lens_23-2150720446.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "PS5 Console",
|
||||
price: "RENT: $20/day",
|
||||
variant: "Buy: $499",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-drone-robot-toy-skeptic-nervous-frowning-upset-because-problem-negative-person_839833-11291.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Lens Master",
|
||||
price: "RENT: $35/day",
|
||||
variant: "Buy: $1200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-black-camera-arrangement_23-2148913993.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "MacBook Pro",
|
||||
price: "RENT: $60/day",
|
||||
variant: "Buy: $2800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drone-copter-flying-with-digital-camera_158595-7090.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "VR Headset",
|
||||
price: "RENT: $45/day",
|
||||
variant: "Buy: $800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722631.jpg",
|
||||
},
|
||||
id: "p3", name: "PS5 Console", price: "RENT: $20/day", variant: "Buy: $499", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-holding-drone-robot-toy-skeptic-nervous-frowning-upset-because-problem-negative-person_839833-11291.jpg"}
|
||||
]}
|
||||
title="The Hub Catalog"
|
||||
description="Curated selection for rent or buy."
|
||||
@@ -143,12 +85,7 @@ export default function LandingPage() {
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Providing gear to world-class studios."
|
||||
names={[
|
||||
"CreativeCloud",
|
||||
"LensPro",
|
||||
"DroneDynamics",
|
||||
"VisionaryAI",
|
||||
"PixelPerfect",
|
||||
]}
|
||||
"CreativeCloud", "LensPro", "DroneDynamics", "VisionaryAI", "PixelPerfect"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -162,15 +99,9 @@ export default function LandingPage() {
|
||||
mediaAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How does rental work?",
|
||||
content: "Book online and choose your delivery or pickup.",
|
||||
},
|
||||
id: "f1", title: "How does rental work?", content: "Book online and choose your delivery or pickup."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What are the requirements?",
|
||||
content: "Valid ID and deposit are required for all rentals.",
|
||||
},
|
||||
id: "f2", title: "What are the requirements?", content: "Valid ID and deposit are required for all rentals."},
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -185,50 +116,34 @@ export default function LandingPage() {
|
||||
description="Stats that matter to the creative community."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Camera,
|
||||
title: "Items Rented",
|
||||
value: "12,000+",
|
||||
},
|
||||
id: "m1", icon: Camera,
|
||||
title: "Items Rented", value: "12,000+"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Community Members",
|
||||
value: "50,000+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Community Members", value: "50,000+"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunlight-wall_53876-75132.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sunlight-wall_53876-75132.jpg"
|
||||
logoText="EduPlayHub"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Katalog",
|
||||
href: "/",
|
||||
},
|
||||
label: "Katalog", href: "/"},
|
||||
{
|
||||
label: "Riwayat",
|
||||
href: "/profile",
|
||||
},
|
||||
label: "Riwayat", href: "/profile"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Account",
|
||||
items: [
|
||||
title: "Account", items: [
|
||||
{
|
||||
label: "Cart",
|
||||
href: "/cart",
|
||||
},
|
||||
label: "Cart", href: "/cart"},
|
||||
{
|
||||
label: "Checkout",
|
||||
href: "/cart",
|
||||
},
|
||||
label: "Checkout", href: "/cart"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user