Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -2,13 +2,13 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,195 +25,95 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "/menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="Hello Halloumi"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Hello Halloumi"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="NYC’s Favorite Halloumi Bakery Experience"
|
||||
description="Artisanal halloumi pastries, savory bites, and premium coffee served with love in Greenwich Village."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "/menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-cozy-minimalist-bakery-hero-image-feat-1774695343818-17397291.png?_wi=1"
|
||||
imageAlt="Halloumi bakery atmosphere"
|
||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="NYC’s Favorite Halloumi Bakery Experience"
|
||||
description="Artisanal halloumi pastries, savory bites, and premium coffee served with love in Greenwich Village."
|
||||
buttons={[{ text: "Order Now", href: "#" }, { text: "View Menu", href: "/menu" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-cozy-minimalist-bakery-hero-image-feat-1774695343818-17397291.png"
|
||||
imageAlt="Halloumi bakery atmosphere"
|
||||
videoSrc="https://www.w3schools.com/html/mov_bbb.mp4"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Halloumi Pastry",
|
||||
price: "$6.50",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/fresh-halloumi-cheese-pastry-golden-brow-1774695342654-790d3cbf.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Rose Matcha Latte",
|
||||
price: "$5.75",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-vibrant-rose-matcha-latte-in-a-glass-c-1774695345451-33b4bf22.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Savory Halloumi Roll",
|
||||
price: "$7.00",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-savory-halloumi-roll-sesame-seeds-fres-1774695345635-2e7ff2bc.png?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Fresh Daily Bestsellers"
|
||||
description="Handcrafted daily with love and the best Cypriot ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Halloumi Pastry", price: "$6.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/fresh-halloumi-cheese-pastry-golden-brow-1774695342654-790d3cbf.png" },
|
||||
{ id: "p2", name: "Rose Matcha Latte", price: "$5.75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-vibrant-rose-matcha-latte-in-a-glass-c-1774695345451-33b4bf22.png" },
|
||||
{ id: "p3", name: "Savory Halloumi Roll", price: "$7.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-savory-halloumi-roll-sesame-seeds-fres-1774695345635-2e7ff2bc.png" }
|
||||
]}
|
||||
title="Fresh Daily Bestsellers"
|
||||
description="Handcrafted daily with love and the best Cypriot ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Food Blogger",
|
||||
company: "NYC Bites",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-happy-customer-warm-lighti-1774695342631-e42756de.png?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Designer",
|
||||
company: "Local Design",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-friendly-customer-holding--1774695344414-e7ebbd4a.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Artist",
|
||||
company: "Studio NYC",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-customer-laughing-professi-1774695346099-6dbb1547.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mark Thompson",
|
||||
role: "Software Engineer",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/close-up-portrait-of-a-satisfied-custome-1774695342824-17002061.png",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Bennett",
|
||||
role: "Local Resident",
|
||||
company: "Greenwich Villager",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-happy-customer-warm-lighti-1774695342631-e42756de.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Loved by the Neighborhood"
|
||||
description="What our community says about their experience at Hello Halloumi."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Food Blogger", company: "NYC Bites", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-happy-customer-warm-lighti-1774695342631-e42756de.png" },
|
||||
{ id: "2", name: "James Chen", role: "Designer", company: "Local Design", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-friendly-customer-holding--1774695344414-e7ebbd4a.png" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Artist", company: "Studio NYC", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-customer-laughing-professi-1774695346099-6dbb1547.png" },
|
||||
{ id: "4", name: "Mark Thompson", role: "Software Engineer", company: "TechCorp", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/close-up-portrait-of-a-satisfied-custome-1774695342824-17002061.png" },
|
||||
{ id: "5", name: "Chloe Bennett", role: "Local Resident", company: "Greenwich Villager", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/portrait-of-a-happy-customer-warm-lighti-1774695342631-e42756de.png" }
|
||||
]}
|
||||
title="Loved by the Neighborhood"
|
||||
description="What our community says about their experience at Hello Halloumi."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Halloumi?"
|
||||
description="The perfect balance of salty, squeaky, and savory."
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Authentic Cypriot Halloumi",
|
||||
tags: [
|
||||
"Traditional",
|
||||
"Savory",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/fresh-halloumi-cheese-pastry-golden-brow-1774695342654-790d3cbf.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Fresh Daily Baking",
|
||||
tags: [
|
||||
"Fresh",
|
||||
"Handmade",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-savory-halloumi-roll-sesame-seeds-fres-1774695345635-2e7ff2bc.png?_wi=2",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="feature" data-section="feature">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Why Halloumi?"
|
||||
description="The perfect balance of salty, squeaky, and savory."
|
||||
features={[
|
||||
{ id: "f1", title: "Authentic Cypriot Halloumi", tags: ["Traditional", "Savory"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/fresh-halloumi-cheese-pastry-golden-brow-1774695342654-790d3cbf.png" },
|
||||
{ id: "f2", title: "Fresh Daily Baking", tags: ["Fresh", "Handmade"], imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BZStSU7FBDQ0xCLEF0edWsAVS8/a-savory-halloumi-roll-sesame-seeds-fres-1774695345635-2e7ff2bc.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured In"
|
||||
description="Bringing the taste of the Mediterranean to NYC."
|
||||
names={[
|
||||
"The New York Times",
|
||||
"TimeOut NYC",
|
||||
"Eater NY",
|
||||
"GrubStreet",
|
||||
"Village Voice",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="socialProof" data-section="socialProof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Featured In"
|
||||
description="Bringing the taste of the Mediterranean to NYC."
|
||||
names={["The New York Times", "TimeOut NYC", "Eater NY", "GrubStreet", "Village Voice"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Hello Halloumi"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Hello Halloumi Bakery",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Hello Halloumi"
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Hello Halloumi Bakery", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user