Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| ad5915eb15 | |||
| af54471183 |
231
src/app/page.tsx
231
src/app/page.tsx
@@ -29,75 +29,31 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Rediscover",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "What's Inside",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{ name: "Rediscover", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "What's Inside", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Mission", id: "about" },
|
||||
]}
|
||||
brandName="Kognibox"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#pricing",
|
||||
}}
|
||||
text: "Get Started", href: "#pricing"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Rediscover the Joy of Playing"
|
||||
description="Monthly brain teasers and board games delivered to your doorstep. Unplug, reconnect, and challenge your mind with Kognibox."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Your Adventure",
|
||||
href: "#pricing",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Start Your Adventure", href: "#pricing" }]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-games-together-having-beer_23-2148560726.jpg",
|
||||
imageAlt: "Family game night",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-shaped-colorful-sugars_114579-28172.jpg",
|
||||
imageAlt: "Modern game board",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-poker-together_23-2149276067.jpg",
|
||||
imageAlt: "Digital detox",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285905.jpg",
|
||||
imageAlt: "Friends playing together",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-wooden-building-blocks_93675-131883.jpg",
|
||||
imageAlt: "Strategy box set",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282483.jpg",
|
||||
imageAlt: "Joyful game table",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-games-together-having-beer_23-2148560726.jpg", imageAlt: "Family game night" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/christmas-tree-shaped-colorful-sugars_114579-28172.jpg", imageAlt: "Modern game board" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-poker-together_23-2149276067.jpg", imageAlt: "Digital detox" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/male-female-friends-getting-manicure-together_23-2150285905.jpg", imageAlt: "Friends playing together" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/colorful-wooden-building-blocks_93675-131883.jpg", imageAlt: "Strategy box set" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282483.jpg", imageAlt: "Joyful game table" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,21 +61,12 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="More Than Just A Game Box"
|
||||
description="At Kognibox, we believe in the magic of offline connection. Our curated boxes are designed to bridge the gap between busy digital lives and real-world human moments. Whether you are a competitive gamer or a family looking for Saturday fun, we deliver the tools for genuine engagement."
|
||||
title="Our Mission: Connecting You Offline"
|
||||
description="At Kognibox, our mission is to create genuine human connection in an increasingly digital world. We provide thoughtfully curated experiences that spark conversation, laughter, and intellectual growth. Every box is a step away from the screen and a leap toward meaningful, shared moments."
|
||||
metrics={[
|
||||
{
|
||||
value: "50K+",
|
||||
title: "Happy Players",
|
||||
},
|
||||
{
|
||||
value: "12+",
|
||||
title: "Games Curated",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Pure Fun",
|
||||
},
|
||||
{ value: "50K+", title: "Happy Players" },
|
||||
{ value: "12+", title: "Games Curated" },
|
||||
{ value: "100%", title: "Pure Offline Joy" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-friends-playing-videogames_23-2150571951.jpg"
|
||||
imageAlt="People engaging in board games"
|
||||
@@ -134,36 +81,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "3-4 Curated Games",
|
||||
description: "A diverse mix of strategy, party, and casual games delivered monthly.",
|
||||
},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
title: "Brain Teaser Puzzles",
|
||||
description: "Mental exercises designed to keep your mind sharp and agile.",
|
||||
},
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "Family Friendly",
|
||||
description: "Games tested for all ages and skill levels, perfect for everyone.",
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Offline Connection",
|
||||
description: "Designed to encourage social interaction and shared experiences.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Surprise Themes",
|
||||
description: "Every month brings a new theme to explore together.",
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Ready to Play",
|
||||
description: "Easy setup manuals so you spend more time playing.",
|
||||
},
|
||||
{ icon: Sparkles, title: "3-4 Curated Games", description: "A diverse mix of strategy, party, and casual games delivered monthly." },
|
||||
{ icon: Lightbulb, title: "Brain Teaser Puzzles", description: "Mental exercises designed to keep your mind sharp and agile." },
|
||||
{ icon: ShieldCheck, title: "Family Friendly", description: "Games tested for all ages and skill levels, perfect for everyone." },
|
||||
{ icon: Users, title: "Offline Connection", description: "Designed to encourage social interaction and shared experiences." },
|
||||
{ icon: Zap, title: "Surprise Themes", description: "Every month brings a new theme to explore together." },
|
||||
{ icon: Gift, title: "Ready to Play", description: "Easy setup manuals so you spend more time playing." },
|
||||
]}
|
||||
title="What's inside the Box?"
|
||||
description="We hand-pick the best games and brain teasers for your unique household."
|
||||
@@ -176,58 +99,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "monthly",
|
||||
name: "Monthly",
|
||||
price: "$39",
|
||||
features: [
|
||||
"3-4 Games per month",
|
||||
"Digital detox challenge",
|
||||
"Cancellation anytime",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "quarterly",
|
||||
name: "Quarterly",
|
||||
price: "$109",
|
||||
badge: "Popular",
|
||||
features: [
|
||||
"All Monthly features",
|
||||
"Save 10% per month",
|
||||
"Exclusive gift included",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "yearly",
|
||||
name: "Yearly",
|
||||
price: "$399",
|
||||
features: [
|
||||
"All Quarterly features",
|
||||
"Save 25% per month",
|
||||
"Special annual surprise box",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Select Plan",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "monthly", name: "Monthly", price: "$39", features: ["3-4 Games per month", "Digital detox challenge", "Cancellation anytime"], buttons: [{ text: "Select Plan", href: "#" }] },
|
||||
{ id: "quarterly", name: "Quarterly", price: "$109", badge: "Popular", features: ["All Monthly features", "Save 10% per month", "Exclusive gift included"], buttons: [{ text: "Select Plan", href: "#" }] },
|
||||
{ id: "yearly", name: "Yearly", price: "$399", features: ["All Quarterly features", "Save 25% per month", "Special annual surprise box"], buttons: [{ text: "Select Plan", href: "#" }] },
|
||||
]}
|
||||
title="Choose Your Path"
|
||||
description="Pick the subscription that fits your gaming lifestyle best."
|
||||
title="Choose Your Subscription"
|
||||
description="Pick the plan that best fits your lifestyle and start building your collection."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -238,31 +115,9 @@ export default function LandingPage() {
|
||||
sideDescription="Need help? Here are some answers to our most popular questions."
|
||||
faqsAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How does the subscription work?",
|
||||
content: "You sign up and we ship your box by the 5th of every month. Each box is carefully curated to offer a balanced mix of fun and challenge.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I cancel at any time?",
|
||||
content: "Yes, you have full control over your subscription through the customer portal. Cancellations are effective starting the next billing cycle.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are these games good for all ages?",
|
||||
content: "We curate games for a wide range of skill levels and ages. Most of our selections are suitable for ages 8 and up, perfect for family bonding.",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you ship internationally?",
|
||||
content: "Currently, we ship within the United States. We hope to expand our shipping reach to more regions in the near future.",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can I give Kognibox as a gift?",
|
||||
content: "Absolutely! We offer dedicated gift subscription options that make for a thoughtful and unique present for any occasion.",
|
||||
},
|
||||
{ id: "1", title: "How does the subscription work?", content: "You sign up and we ship your box by the 5th of every month. Each box is carefully curated to offer a balanced mix of fun and challenge." },
|
||||
{ id: "2", title: "Can I cancel at any time?", content: "Yes, you have full control over your subscription through the customer portal. Cancellations are effective starting the next billing cycle." },
|
||||
{ id: "3", title: "Are these games good for all ages?", content: "We curate games for a wide range of skill levels and ages. Most of our selections are suitable for ages 8 and up, perfect for family bonding." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -272,25 +127,13 @@ export default function LandingPage() {
|
||||
logoText="Kognibox"
|
||||
copyrightText="© 2025 Kognibox | Connect Offline"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user