bender/bd9a08dc-a97f-44c7-b451-dda0d2962f3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

3 Commits
version_1 ... main

Author SHA1 Message Date
bender
a07d52aab6 Merge version_2 into main 
Merge version_2 into main
 2026-04-19 15:24:30 +00:00
bender
46359cd4ef Update src/app/styles/variables.css 2026-04-19 15:24:24 +00:00
bender
beaeae049e Update src/app/page.tsx 2026-04-19 15:24:23 +00:00
2 changed files with 65 additions and 183 deletions
Expand all files Collapse all files

236
src/app/page.tsx
View File

@@ -2,10 +2,10 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -33,17 +33,11 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Meals",
id: "#products",
},
name: "Meals", id: "#products"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
]}
brandName="KonbiniFit"
/>
@@ -52,31 +46,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Nutrition at Your Convenience."
description="Master your macros with simple, high-protein picks from your local konbini. Designed for the busy student in Japan."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pear-toasted-bacon-blackberries-nuts-delicious-baby-spinach-salad_127032-3582.jpg",
imageAlt: "healthy konbini meal flat lay",
},
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pear-toasted-bacon-blackberries-nuts-delicious-baby-spinach-salad_127032-3582.jpg", imageAlt: "healthy konbini meal flat lay"},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-medical-protective-mask-supermarket_1157-46716.jpg",
imageAlt: "student shopping convenience store",
},
imageSrc: "http://img.b2bpic.net/free-photo/couple-medical-protective-mask-supermarket_1157-46716.jpg", imageAlt: "student shopping convenience store"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooking-sushi_23-2148502496.jpg",
imageAlt: "protein snack collection minimalist",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooking-sushi_23-2148502496.jpg", imageAlt: "protein snack collection minimalist"},
{
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-street-food-entertainment_23-2151542598.jpg",
imageAlt: "healthy konbini meal flat lay",
},
imageSrc: "http://img.b2bpic.net/free-photo/monochrome-street-food-entertainment_23-2151542598.jpg", imageAlt: "healthy konbini meal flat lay"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-enthusiastic-brunette-girl-looking-excited-raising-hands-up-posing-near-cafe_1258-199351.jpg",
imageAlt: "student shopping convenience store",
},
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-enthusiastic-brunette-girl-looking-excited-raising-hands-up-posing-near-cafe_1258-199351.jpg", imageAlt: "student shopping convenience store"},
]}
mediaAnimation="blur-reveal"
/>
@@ -97,19 +80,13 @@ export default function LandingPage() {
features={[
{
icon: Zap,
title: "Rapid Protein",
description: "Quick, high-protein options available 24/7.",
},
title: "Rapid Protein", description: "Quick, high-protein options available 24/7."},
{
icon: ShieldCheck,
title: "Macros Logged",
description: "Detailed nutritional breakdowns for everything.",
},
title: "Macros Logged", description: "Detailed nutritional breakdowns for everything."},
{
icon: Clock,
title: "Time-Saving",
description: "Minimal preparation for maximum output.",
},
title: "Time-Saving", description: "Minimal preparation for maximum output."},
]}
title="Built for Student Life"
description="Everything you need to stay fueled without the stress of constant cooking."
@@ -124,41 +101,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Grilled Chicken Onigiri",
price: "¥220",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-oriental-food_23-2149035150.jpg",
},
id: "p1", name: "Grilled Chicken Onigiri", price: "¥220", imageSrc: "http://img.b2bpic.net/free-photo/assortment-delicious-oriental-food_23-2149035150.jpg"},
{
id: "p2",
name: "Boiled Eggs (2 Pack)",
price: "¥180",
imageSrc: "http://img.b2bpic.net/free-photo/indecisive-sad-young-woman-shrugging-shoulders-holding-green-healthy-apple-junk-food-piece-ca_1258-126975.jpg",
},
id: "p2", name: "Boiled Eggs (2 Pack)", price: "¥180", imageSrc: "http://img.b2bpic.net/free-photo/indecisive-sad-young-woman-shrugging-shoulders-holding-green-healthy-apple-junk-food-piece-ca_1258-126975.jpg"},
{
id: "p3",
name: "Salad Chicken Breast",
price: "¥350",
imageSrc: "http://img.b2bpic.net/free-photo/salad-meat-plate_23-2147716999.jpg",
},
id: "p3", name: "Salad Chicken Breast", price: "¥350", imageSrc: "http://img.b2bpic.net/free-photo/salad-meat-plate_23-2147716999.jpg"},
{
id: "p4",
name: "Edamame Pack",
price: "¥200",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-green-veggies-top-view_23-2148585781.jpg",
},
id: "p4", name: "Edamame Pack", price: "¥200", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-green-veggies-top-view_23-2148585781.jpg"},
{
id: "p5",
name: "Fitness Protein Bar",
price: "¥190",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-plate-with-almonds_23-2149637359.jpg",
},
id: "p5", name: "Fitness Protein Bar", price: "¥190", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-plate-with-almonds_23-2149637359.jpg"},
{
id: "p6",
name: "Tofu Salad Bowl",
price: "¥420",
imageSrc: "http://img.b2bpic.net/free-photo/shepherd-s-salad-wooden-board-marble-table_114579-56625.jpg",
},
id: "p6", name: "Tofu Salad Bowl", price: "¥420", imageSrc: "http://img.b2bpic.net/free-photo/shepherd-s-salad-wooden-board-marble-table_114579-56625.jpg"},
]}
title="Top-Rated Konbini Picks"
description="Curated high-protein finds from 7-Eleven, Lawson, and FamilyMart."
@@ -172,34 +125,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "50g",
title: "Avg. Daily Protein",
items: [
"Chicken",
"Tofu",
"Eggs",
],
id: "m1", value: "50g", title: "Avg. Daily Protein", items: [
"Chicken", "Tofu", "Eggs"],
},
{
id: "m2",
value: "15min",
title: "Preparation Time",
items: [
"Grab",
"Open",
"Eat",
],
id: "m2", value: "15min", title: "Preparation Time", items: [
"Grab", "Open", "Eat"],
},
{
id: "m3",
value: "85%",
title: "Goal Success Rate",
items: [
"Consistency",
"Results",
"Savings",
],
id: "m3", value: "85%", title: "Goal Success Rate", items: [
"Consistency", "Results", "Savings"],
},
]}
title="Impact by the Numbers"
@@ -214,59 +149,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Kenji S.",
role: "CS Student",
company: "Todai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-street_23-2148746929.jpg",
},
id: "t1", name: "Kenji S.", role: "CS Student", company: "Todai", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-street_23-2148746929.jpg"},
{
id: "t2",
name: "Yuki M.",
role: "Design Student",
company: "Geidai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-graphic-designer-using-digital-tablet-pen-tool-draw-does-home-assignment_1258-196091.jpg",
},
id: "t2", name: "Yuki M.", role: "Design Student", company: "Geidai", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-graphic-designer-using-digital-tablet-pen-tool-draw-does-home-assignment_1258-196091.jpg"},
{
id: "t3",
name: "Hiro T.",
role: "Engineering Student",
company: "Waseda",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-african-woman-walking-outdoors-park_171337-13722.jpg",
},
id: "t3", name: "Hiro T.", role: "Engineering Student", company: "Waseda", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-african-woman-walking-outdoors-park_171337-13722.jpg"},
{
id: "t4",
name: "Sora L.",
role: "Business Student",
company: "Keio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-sitting-floor_23-2147778834.jpg",
},
id: "t4", name: "Sora L.", role: "Business Student", company: "Keio", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-sitting-floor_23-2147778834.jpg"},
{
id: "t5",
name: "Mina K.",
role: "Medical Student",
company: "Todai",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman-posing_23-2149069166.jpg",
},
id: "t5", name: "Mina K.", role: "Medical Student", company: "Todai", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-senior-woman-posing_23-2149069166.jpg"},
]}
kpiItems={[
{
value: "4.9/5",
label: "Avg Rating",
},
value: "4.9/5", label: "Avg Rating"},
{
value: "5k+",
label: "Students",
},
value: "5k+", label: "Students"},
{
value: "120+",
label: "Konbini Meals",
},
value: "120+", label: "Konbini Meals"},
]}
title="Student Approved"
description="Hear how we're changing nutrition on campus."
@@ -279,20 +183,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Are these meals actually healthy?",
content: "Absolutely. We select items with high-protein and nutrient-dense profiles.",
},
id: "q1", title: "Are these meals actually healthy?", content: "Absolutely. We select items with high-protein and nutrient-dense profiles."},
{
id: "q2",
title: "Which stores are included?",
content: "Our system covers all major konbini: 7-Eleven, Lawson, and FamilyMart.",
},
id: "q2", title: "Which stores are included?", content: "Our system covers all major konbini: 7-Eleven, Lawson, and FamilyMart."},
{
id: "q3",
title: "Can I save money?",
content: "Yes, our guide prioritizes cost-efficient protein options to keep you on budget.",
},
id: "q3", title: "Can I save money?", content: "Yes, our guide prioritizes cost-efficient protein options to keep you on budget."},
]}
title="Common Questions"
description="Answers to keep your student lifestyle on track."
@@ -301,52 +196,39 @@ export default function LandingPage() {
</div>
<div id="contact" data-section="contact">
<ContactSplit
<ContactSplitForm
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="Newsletter"
title="Start your journey today."
description="Sign up for our weekly roundup of the latest high-protein finds in konbini."
title="Get the Free Guide"
description="Get our exclusive guide to high-protein konbini finds sent directly to your inbox."
inputs={[
{ name: "email", type: "email", placeholder: "Enter your email" },
{ name: "name", type: "text", placeholder: "Your name" }
]}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-japan-city-with-empty-street_23-2148943014.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/abstract-textured-background_23-2148815197.jpg"
logoText="KonbiniFit"
columns={[
{
title: "Explore",
items: [
{
label: "Meals",
href: "#products",
},
{
label: "FAQ",
href: "#faq",
},
title: "Explore", items: [
{ label: "Meals", href: "#products" },
{ label: "FAQ", href: "#faq" },
],
},
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Contact",
href: "#contact",
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Contact", href: "#contact" },
],
},
]}
logoText="KonbiniFit"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

12
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000f06e6;
--background: #f5f4ef;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #0a7039;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #efe7dd;
--secondary-cta-text: #000f06e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);