Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| f0b40ff1f7 | |||
| de14a6c007 | |||
| a1452263c6 | |||
| d4d89eb0d1 |
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
|||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Montserrat } from "next/font/google";
|
import { Montserrat } from "next/font/google";
|
||||||
|
import { Libre_Baskerville } from "next/font/google";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -21,13 +22,10 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
const montserrat = Montserrat({
|
|
||||||
variable: "--font-montserrat",
|
const libreBaskerville = Libre_Baskerville({
|
||||||
subsets: ["latin"],
|
variable: "--font-libre-baskerville", subsets: ["latin"],
|
||||||
});
|
weight: ["400", "700"],
|
||||||
const inter = Inter({
|
|
||||||
variable: "--font-inter",
|
|
||||||
subsets: ["latin"],
|
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
@@ -38,7 +36,7 @@ export default function RootLayout({
|
|||||||
return (
|
return (
|
||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
|
<body className={`${libreBaskerville.variable} antialiased`}>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
|
|||||||
159
src/app/page.tsx
159
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Visit",
|
name: "Visit", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ZZ Coffee Shop"
|
brandName="ZZ Coffee Shop"
|
||||||
/>
|
/>
|
||||||
@@ -57,15 +47,12 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
title="Your Daily Brew in the Heart of Idaho Falls"
|
title="Your Daily Brew in the Heart of Idaho Falls"
|
||||||
description="ZZ Coffee Shop brings handcrafted, artisanal coffee experiences to our community. Warm vibes, fresh roasts, and friendly smiles await you."
|
description="ZZ Coffee Shop brings handcrafted, artisanal coffee experiences to our community. Warm vibes, fresh roasts, and friendly smiles await you."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Our Menu",
|
text: "Explore Our Menu", href: "#products"},
|
||||||
href: "#products",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg?_wi=1"
|
||||||
imageAlt="Artisanal coffee shop atmosphere in Idaho Falls"
|
imageAlt="Artisanal coffee shop atmosphere in Idaho Falls"
|
||||||
@@ -93,59 +80,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Signature", name: "House Espresso", price: "$3.50", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6102.jpg?_wi=1"},
|
||||||
name: "House Espresso",
|
|
||||||
price: "$3.50",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6102.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "Signature", name: "Vanilla Latte", price: "$4.50", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/adding-coffee-glass-water_176474-120135.jpg?_wi=1"},
|
||||||
name: "Vanilla Latte",
|
|
||||||
price: "$4.50",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adding-coffee-glass-water_176474-120135.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", brand: "Premium", name: "Cold Brew", price: "$4.00", rating: 4,
|
||||||
brand: "Premium",
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg?_wi=1"},
|
||||||
name: "Cold Brew",
|
|
||||||
price: "$4.00",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "95",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg?_wi=1",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", brand: "Signature", name: "Mocha Bliss", price: "$5.00", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083718.jpg"},
|
||||||
name: "Mocha Bliss",
|
|
||||||
price: "$5.00",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "70",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-coffee-cup_23-2151083718.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", brand: "Premium", name: "Caramel Macchiato", price: "$4.75", rating: 4,
|
||||||
brand: "Premium",
|
reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/aroma-background-love-house-taste_1232-3951.jpg"},
|
||||||
name: "Caramel Macchiato",
|
|
||||||
price: "$4.75",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "65",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/aroma-background-love-house-taste_1232-3951.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p6",
|
id: "p6", brand: "Signature", name: "Americano", price: "$3.00", rating: 4,
|
||||||
brand: "Signature",
|
reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg"},
|
||||||
name: "Americano",
|
|
||||||
price: "$3.00",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "50",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-sack-coffee-beans_23-2148180251.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Signature Brews"
|
title="Our Signature Brews"
|
||||||
description="Explore our curated selection of coffees and signature drinks, handcrafted with passion."
|
description="Explore our curated selection of coffees and signature drinks, handcrafted with passion."
|
||||||
@@ -158,60 +109,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "Sarah J.", date: "Oct 2024", title: "Best in Town", quote: "The coffee here is unparalleled. ZZ Coffee is my daily go-to!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-girl-cozy-sweater-with-coffee-go-happily-looking-camera-yellow-background_574295-3844.jpg", imageSrc: "http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg?_wi=2", imageAlt: "artisanal coffee shop atmosphere"},
|
||||||
name: "Sarah J.",
|
|
||||||
date: "Oct 2024",
|
|
||||||
title: "Best in Town",
|
|
||||||
quote: "The coffee here is unparalleled. ZZ Coffee is my daily go-to!",
|
|
||||||
tag: "Regular",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/attractive-cheerful-girl-cozy-sweater-with-coffee-go-happily-looking-camera-yellow-background_574295-3844.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-girls-writing-notebooks-cafe_23-2147860799.jpg?_wi=2",
|
|
||||||
imageAlt: "artisanal coffee shop atmosphere",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "Mike R.", date: "Sep 2024", title: "Cozy Vibe", quote: "Great atmosphere for studying or hanging out with friends. Love it!", tag: "Customer", avatarSrc: "http://img.b2bpic.net/free-photo/teenager-doing-homework-cafe_23-2147860803.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoon-holding-coffee_23-2148892827.jpg?_wi=2", imageAlt: "roasted coffee beans closeup"},
|
||||||
name: "Mike R.",
|
|
||||||
date: "Sep 2024",
|
|
||||||
title: "Cozy Vibe",
|
|
||||||
quote: "Great atmosphere for studying or hanging out with friends. Love it!",
|
|
||||||
tag: "Customer",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/teenager-doing-homework-cafe_23-2147860803.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-spoon-holding-coffee_23-2148892827.jpg?_wi=2",
|
|
||||||
imageAlt: "roasted coffee beans closeup",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "Linda M.", date: "Aug 2024", title: "Amazing Coffee", quote: "I’ve traveled everywhere and this is easily one of the best roasts I've ever had.", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg", imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6102.jpg?_wi=2", imageAlt: "flat white coffee close up"},
|
||||||
name: "Linda M.",
|
|
||||||
date: "Aug 2024",
|
|
||||||
title: "Amazing Coffee",
|
|
||||||
quote: "I’ve traveled everywhere and this is easily one of the best roasts I've ever had.",
|
|
||||||
tag: "Coffee Lover",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-young-man-relaxing-coffee-shop-spending-time-cafe-listening_1258-245399.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-caramel-macchiato_1339-6102.jpg?_wi=2",
|
|
||||||
imageAlt: "flat white coffee close up",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "Jason D.", date: "Jul 2024", title: "Friendly Staff", quote: "The team at ZZ Coffee is always so kind and welcoming. Makes my morning!", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg", imageSrc: "http://img.b2bpic.net/free-photo/adding-coffee-glass-water_176474-120135.jpg?_wi=2", imageAlt: "cold brew coffee refreshing"},
|
||||||
name: "Jason D.",
|
|
||||||
date: "Jul 2024",
|
|
||||||
title: "Friendly Staff",
|
|
||||||
quote: "The team at ZZ Coffee is always so kind and welcoming. Makes my morning!",
|
|
||||||
tag: "Regular",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-meeting-restaurant_23-2148395335.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/adding-coffee-glass-water_176474-120135.jpg?_wi=2",
|
|
||||||
imageAlt: "cold brew coffee refreshing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "Emily K.", date: "Jun 2024", title: "Quality Brews", quote: "Top quality espresso and great location. Highly recommended!", tag: "Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/beauty-book-tenderness-cute-chair_1150-1189.jpg", imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg?_wi=2", imageAlt: "cappuccino with latte art"},
|
||||||
name: "Emily K.",
|
|
||||||
date: "Jun 2024",
|
|
||||||
title: "Quality Brews",
|
|
||||||
quote: "Top quality espresso and great location. Highly recommended!",
|
|
||||||
tag: "Visitor",
|
|
||||||
avatarSrc: "http://img.b2bpic.net/free-photo/beauty-book-tenderness-cute-chair_1150-1189.jpg",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-steamy-cup-coffee-with-wooden-table-coffee-shop-wooden-card-sculpture_1268-20256.jpg?_wi=2",
|
|
||||||
imageAlt: "cappuccino with latte art",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Neighbors Say"
|
title="What Our Neighbors Say"
|
||||||
description="We love serving our local community. Here’s what our regulars have to say about us."
|
description="We love serving our local community. Here’s what our regulars have to say about us."
|
||||||
@@ -222,14 +128,11 @@ export default function LandingPage() {
|
|||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
text="Visit ZZ Coffee Shop in Idaho Falls and taste the difference. We can't wait to welcome you!"
|
text="Visit ZZ Coffee Shop in Idaho Falls and taste the difference. We can't wait to welcome you!"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -241,18 +144,14 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Instagram,
|
icon: Instagram,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Instagram"},
|
||||||
ariaLabel: "Instagram",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Facebook,
|
icon: Facebook,
|
||||||
href: "#",
|
href: "#", ariaLabel: "Facebook"},
|
||||||
ariaLabel: "Facebook",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-inter), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-family: var(--font-montserrat), sans-serif;
|
font-family: var(--font-libre-baskerville), serif;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user