Compare commits
3 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 0f8198b562 | |||
| 9e6a8117dd | |||
| a0a63263c6 |
296
src/app/page.tsx
296
src/app/page.tsx
@@ -31,117 +31,26 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "hero" },
|
||||||
name: "Home",
|
{ name: "Menu", id: "menu" },
|
||||||
id: "hero",
|
{ name: "Catering", id: "catering" },
|
||||||
},
|
{ name: "Location", id: "location" },
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Catering",
|
|
||||||
id: "catering",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Location",
|
|
||||||
id: "location",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Elementary"
|
brandName="Elementary Cafe"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardTestimonial
|
<HeroBillboardTestimonial
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "gradient-bars" }}
|
||||||
variant: "gradient-bars",
|
|
||||||
}}
|
|
||||||
title="Your neighbourhood café, reimagined."
|
title="Your neighbourhood café, reimagined."
|
||||||
description="Seasonal brunch, specialty coffee, and slow mornings in Lindfield."
|
description="Seasonal brunch, specialty coffee, and slow mornings in Lindfield."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ name: "Sarah L.", handle: "@sarah", testimonial: "The best brunch spot in Lindfield.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-z026x9c6.jpg" },
|
||||||
name: "Sarah L.",
|
{ name: "Michael R.", handle: "@micheal", testimonial: "Consistently perfect coffee.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-i2aqv62d.jpg" },
|
||||||
handle: "@sarah",
|
|
||||||
testimonial: "The best brunch spot in Lindfield. The ricotta toast is life-changing.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/types-foods-cookies-drinks-put-table-front-flower-vase_181624-21166.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Michael R.",
|
|
||||||
handle: "@micheal",
|
|
||||||
testimonial: "Consistently perfect coffee and such a calm, beautiful space.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-girls-enjoying-their-breakfast_23-2148238370.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Emily T.",
|
|
||||||
handle: "@emily",
|
|
||||||
testimonial: "My go-to for slow Sunday mornings. The team is so welcoming.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408578.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "David K.",
|
|
||||||
handle: "@david",
|
|
||||||
testimonial: "Simply exceptional specialty coffee. Highly recommended.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-restaurant-green-salad-bruschetta-with-arugula-salmon-matcha-latte_343596-4698.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Jessica B.",
|
|
||||||
handle: "@jessica",
|
|
||||||
testimonial: "The atmosphere is unmatched. Truly a local ritual.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-cafe-vertical-shot-steam-rises-cup-espresso-coffee-glass-water-cookies-table-closeup-sunlight-selective-focus-empty-space-idea-advertising-banner_166373-2884.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-fresh-relax-morning-coffee-cup-set_1150-7041.jpg"
|
|
||||||
avatars={[
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-working-as-barista-making-coffee-restaurant-barista-apron-white-shirt-standing-with-cup-coffee-his-workplace-coffee-shop_574295-4957.jpg",
|
|
||||||
alt: "Barista portrait",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/low-angle-male-employee-coffee-shop_23-2148366548.jpg",
|
|
||||||
alt: "Staff member",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/male-barista-preparing-coffee_23-2148824432.jpg",
|
|
||||||
alt: "Barista at work",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/medium-shot-barista-wearing-mask_23-2148892846.jpg",
|
|
||||||
alt: "Team member",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/woman-barista-coffee-shop-preparing-coffee_1303-29482.jpg",
|
|
||||||
alt: "Woman barista",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Locally Sourced",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Community Coffee",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Fresh Pastries",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Seasonal Brunch",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Slow Mornings",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-6dwtqhme.jpg"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -149,15 +58,7 @@ export default function LandingPage() {
|
|||||||
<SocialProofOne
|
<SocialProofOne
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={["Locally Loved", "Specialty Coffee", "Fresh Pastries", "Community Focused"]}
|
||||||
"Locally Loved in Lindfield",
|
|
||||||
"Specialty Coffee Daily",
|
|
||||||
"Fresh Pastries Morning",
|
|
||||||
"Sydney’s Best Cafés",
|
|
||||||
"Community Focused",
|
|
||||||
"Expert Baristas",
|
|
||||||
"Seasonal Menu",
|
|
||||||
]}
|
|
||||||
title="Loved by locals"
|
title="Loved by locals"
|
||||||
description="Building community, one cup at a time."
|
description="Building community, one cup at a time."
|
||||||
/>
|
/>
|
||||||
@@ -168,25 +69,8 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Signature Experiences"
|
title="Signature Experiences"
|
||||||
description="Thoughtfully crafted moments."
|
description="Thoughtfully crafted moments."
|
||||||
accordionItems={[
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-qz7zodx1.jpg"
|
||||||
{
|
accordionItems={[{ id: "coffee", title: "Coffee", content: "Precision-roasted beans." }, { id: "brunch", title: "Brunch", content: "Seasonal plates." }]}
|
||||||
id: "coffee",
|
|
||||||
title: "Coffee",
|
|
||||||
content: "Precision-roasted beans. Silky milk. No shortcuts.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "brunch",
|
|
||||||
title: "Brunch",
|
|
||||||
content: "Seasonal plates designed for long conversations.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "community",
|
|
||||||
title: "Community",
|
|
||||||
content: "A calm corner for locals, remote workers, and weekend catchups.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hands-preparing-coffee_23-2148892856.jpg"
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -196,72 +80,16 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
name: "Whipped Ricotta Toast",
|
|
||||||
price: "$18",
|
|
||||||
variant: "Brunch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-table_23-2148941529.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Miso Mushroom Brioche",
|
|
||||||
price: "$22",
|
|
||||||
variant: "Brunch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/raisin-bread_1339-4547.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Citrus Hotcakes",
|
|
||||||
price: "$20",
|
|
||||||
variant: "Specials",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pancakes-with-fruits-top_181624-18561.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Elementary Breakfast",
|
|
||||||
price: "$25",
|
|
||||||
variant: "Brunch",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sweet-delicious-bagels-inside-tray-with-fresh-sour-plums-tea-light-pink-desk_140725-66169.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Specialty Iced Latte",
|
|
||||||
price: "$6",
|
|
||||||
variant: "Coffee",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-coffee-concept-with-copy-space_23-2148464822.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Butter Croissant",
|
|
||||||
price: "$5",
|
|
||||||
variant: "Pastries",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-baker-s-hand-showing-baked-sweet-puff-pastries-counter_23-2148189117.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Menu Highlights"
|
title="Menu Highlights"
|
||||||
description="Fresh, seasonal, locally sourced ingredients."
|
description="Fresh, seasonal, locally sourced ingredients."
|
||||||
|
products={[]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="gallery" data-section="gallery">
|
<div id="gallery" data-section="gallery">
|
||||||
<InlineImageSplitTextAbout
|
<InlineImageSplitTextAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[{ type: "text", content: "Designed for slow mornings." }]}
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
content: "Designed for ",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "image",
|
|
||||||
src: "http://img.b2bpic.net/free-photo/coffee-shop-with-people_1162-118.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
content: "slow mornings and good company.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -271,39 +99,8 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
title="Follow our mornings"
|
title="Follow our mornings"
|
||||||
description="Behind the scenes at Elementary."
|
description="Capturing daily moments at the cafe."
|
||||||
blogs={[
|
blogs={[]}
|
||||||
{
|
|
||||||
id: "1",
|
|
||||||
category: "Lifestyle",
|
|
||||||
title: "Coffee Origins",
|
|
||||||
excerpt: "Sourcing beans from the best local roasters.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-professional-stainless-coffee-pot_613910-8830.jpg",
|
|
||||||
authorName: "Elementary",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/coffee-macaroons-cafe-table_23-2147787053.jpg",
|
|
||||||
date: "Oct 12",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
category: "Community",
|
|
||||||
title: "Local Collaborations",
|
|
||||||
excerpt: "Working with the best Lindfield makers.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup_74190-1507.jpg",
|
|
||||||
authorName: "Elementary",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg",
|
|
||||||
date: "Oct 10",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
category: "News",
|
|
||||||
title: "Seasonal Launch",
|
|
||||||
excerpt: "New brunch menu drops this weekend.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164788.jpg",
|
|
||||||
authorName: "Elementary",
|
|
||||||
authorAvatar: "http://img.b2bpic.net/free-photo/loft-authentic-dining-room-interior-design-with-blank-picture-frame_53876-128711.jpg",
|
|
||||||
date: "Oct 05",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -311,77 +108,26 @@ export default function LandingPage() {
|
|||||||
<FaqBase
|
<FaqBase
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
|
||||||
{
|
|
||||||
id: "hours",
|
|
||||||
title: "Opening Hours",
|
|
||||||
content: "Mon-Fri: 7am-3pm, Sat-Sun: 8am-4pm.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "parking",
|
|
||||||
title: "Parking Information",
|
|
||||||
content: "Ample street parking available nearby and 2 mins from the train station.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "busy",
|
|
||||||
title: "Busy Times",
|
|
||||||
content: "Weekday mornings are great for remote work; weekends are lively.",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Visit us"
|
title="Visit us"
|
||||||
description="Find us in the heart of Lindfield."
|
description="Find us in the heart of Lindfield."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
|
faqs={[{ id: "hours", title: "Opening Hours", content: "Mon-Fri: 7am-3pm." }]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="catering" data-section="catering">
|
<div id="catering" data-section="catering">
|
||||||
<ContactText
|
<ContactText
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "canvas-reveal" }}
|
||||||
variant: "canvas-reveal",
|
|
||||||
}}
|
|
||||||
text="Bring Elementary to your gathering."
|
text="Bring Elementary to your gathering."
|
||||||
buttons={[
|
|
||||||
{
|
|
||||||
text: "Make an Enquiry",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991458.jpg"
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtlQR6sGPNCaXjdjyqCuSUIaDO/uploaded-1779109412704-uy0m92no.jpg"
|
||||||
logoText="Elementary."
|
logoText="Elementary Cafe"
|
||||||
columns={[
|
columns={[]}
|
||||||
{
|
|
||||||
title: "Connect",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Instagram",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Email",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "Visit",
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Lindfield Station",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Parking Guide",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #F7F4EE;
|
--background: #ffffff;
|
||||||
--card: #EFE7DC;
|
--card: #f0f8ff;
|
||||||
--foreground: #1E1E1C;
|
--foreground: #011c3a;
|
||||||
--primary-cta: #6B4F3A;
|
--primary-cta: #15479c;
|
||||||
--primary-cta-text: #FFFFFF;
|
--primary-cta-text: #FFFFFF;
|
||||||
--secondary-cta: #FFFFFF;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #1E1E1C;
|
--secondary-cta-text: #1E1E1C;
|
||||||
--accent: #A8B39E;
|
--accent: #a8cce8;
|
||||||
--background-accent: #A8B39E;
|
--background-accent: #e6f0ff;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user