Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 60afcb5f4e | |||
| cb516b2bf1 | |||
| d74a679058 | |||
| 7a42e956b3 | |||
| ae1bea98e4 | |||
| 865e90f8b2 | |||
| 57f97cdfb0 | |||
| d0250217a3 | |||
| c5ed16c10d | |||
| 8b8b5fb5f3 | |||
| 5932a72db1 |
181
src/app/page.tsx
181
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
name: "Menu", id: "/menu"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Visit",
|
||||
id: "/location",
|
||||
},
|
||||
name: "Visit", id: "/location"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="Indialantic Coffee"
|
||||
/>
|
||||
@@ -56,51 +46,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Your Beachside Coffee Stop in Indialantic"
|
||||
description="Fresh coffee, local vibes, and a relaxed Space Coast atmosphere."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
text: "View Menu", href: "/menu"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "/location",
|
||||
},
|
||||
text: "Visit Us", href: "/location"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lkqa6c&_wi=1",
|
||||
imageAlt: "cozy cafe interior beach style",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lkqa6c&_wi=1", imageAlt: "cozy cafe interior beach style"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3zpp10&_wi=1",
|
||||
imageAlt: "beach town coffee shop",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3zpp10&_wi=1", imageAlt: "beach town coffee shop"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnn68g",
|
||||
imageAlt: "fresh pastries display coffee shop",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nnn68g", imageAlt: "fresh pastries display coffee shop"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvfrn0",
|
||||
imageAlt: "surfer holding coffee surf beach",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wvfrn0", imageAlt: "surfer holding coffee surf beach"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jknxis",
|
||||
imageAlt: "space coast florida cafe view",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jknxis", imageAlt: "space coast florida cafe view"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0mw24f",
|
||||
imageAlt: "iced coffee glass beach side",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0mw24f", imageAlt: "iced coffee glass beach side"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -112,32 +79,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Surfer Favorite",
|
||||
descriptions: [
|
||||
"Our signature light roast inspired by morning surf sessions.",
|
||||
id: "f1", title: "Surfer Favorite", descriptions: [
|
||||
"Our signature light roast inspired by morning surf sessions.", "Fuel your ride with beans that capture the coastal energy of the early morning."
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iufsl1",
|
||||
imageAlt: "latte art surf cafe coffee",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=iufsl1", imageAlt: "latte art surf cafe coffee"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Locally Sourced",
|
||||
descriptions: [
|
||||
"Fresh beans roasted in Melbourne, FL.",
|
||||
id: "f2", title: "Locally Sourced", descriptions: [
|
||||
"Fresh beans roasted in Melbourne, FL.", "Roasted in small batches to preserve peak coastal flavor."
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3zu0b",
|
||||
imageAlt: "fresh roasted coffee beans bowl",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b3zu0b", imageAlt: "fresh roasted coffee beans bowl"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Community Vibe",
|
||||
descriptions: [
|
||||
"A gathering spot for locals and travelers alike.",
|
||||
id: "f3", title: "Community Vibe", descriptions: [
|
||||
"A gathering spot for locals and travelers alike.", "Built for connection and conversation right by the ocean air."
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1vhynb",
|
||||
imageAlt: "community coffee shop people",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1vhynb", imageAlt: "community coffee shop people"},
|
||||
]}
|
||||
title="Locally Roasted & Loved"
|
||||
description="Experience the best of the Space Coast in every cup."
|
||||
@@ -152,25 +107,15 @@ export default function LandingPage() {
|
||||
author="Sarah M., Local Surfer"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kr4ies",
|
||||
alt: "happy local female customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kr4ies", alt: "happy local female customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anyb52",
|
||||
alt: "smiling male surfer portrait coffee",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=anyb52", alt: "smiling male surfer portrait coffee"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u385j1",
|
||||
alt: "happy female visitor portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u385j1", alt: "happy female visitor portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8jvkg",
|
||||
alt: "friendly surfer guy cafe portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8jvkg", alt: "friendly surfer guy cafe portrait"},
|
||||
{
|
||||
src: "asset://testimonial-extra-1",
|
||||
alt: "relaxed cafe customer",
|
||||
},
|
||||
src: "asset://testimonial-extra-1", alt: "relaxed cafe customer"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -186,25 +131,12 @@ export default function LandingPage() {
|
||||
description="Join our local community for exclusive perks."
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Daily",
|
||||
price: "$20",
|
||||
subtitle: "Monthly access to drip coffee.",
|
||||
features: [
|
||||
"Unlimited Drip Coffee",
|
||||
"10% off Pastries",
|
||||
],
|
||||
id: "p1", badge: "Daily", price: "$20", subtitle: "Monthly access to drip coffee.", features: [
|
||||
"Unlimited Drip Coffee", "10% off Pastries"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Premium",
|
||||
price: "$45",
|
||||
subtitle: "All drinks included.",
|
||||
features: [
|
||||
"Any Coffee/Latte",
|
||||
"Free Pastry Weekly",
|
||||
"Community Events",
|
||||
],
|
||||
id: "p2", badge: "Premium", price: "$45", subtitle: "All drinks included.", features: [
|
||||
"Any Coffee/Latte", "Free Pastry Weekly", "Community Events"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -219,19 +151,9 @@ export default function LandingPage() {
|
||||
description="The folks making your morning better."
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex",
|
||||
role: "Head Barista",
|
||||
imageSrc: "asset://team-1",
|
||||
imageAlt: "barista portrait",
|
||||
},
|
||||
id: "t1", name: "Alex", role: "Head Barista", imageSrc: "asset://team-1", imageAlt: "barista portrait"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sam",
|
||||
role: "Roaster",
|
||||
imageSrc: "asset://team-2",
|
||||
imageAlt: "roaster portrait",
|
||||
},
|
||||
id: "t2", name: "Sam", role: "Roaster", imageSrc: "asset://team-2", imageAlt: "roaster portrait"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -241,42 +163,27 @@ export default function LandingPage() {
|
||||
logoText="Indialantic Coffee"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
title: "Menu", items: [
|
||||
{
|
||||
label: "Espresso",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Espresso", href: "/menu"},
|
||||
{
|
||||
label: "Pastries",
|
||||
href: "/menu",
|
||||
},
|
||||
label: "Pastries", href: "/menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Visit",
|
||||
items: [
|
||||
title: "Visit", items: [
|
||||
{
|
||||
label: "Location",
|
||||
href: "/location",
|
||||
},
|
||||
label: "Location", href: "/location"},
|
||||
{
|
||||
label: "Hours",
|
||||
href: "/location",
|
||||
},
|
||||
label: "Hours", href: "/location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -285,4 +192,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fcf6ec;
|
||||
--card: #f3ede2;
|
||||
--foreground: #2e2521;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b2a28b;
|
||||
--background-accent: #b2a28b;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f8f5ffe6;
|
||||
--primary-cta: #c89bff;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #f8f5ffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user