Merge version_2 into main #2
202
src/app/page.tsx
202
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Coffee, Pizza, Smile, Users } from "lucide-react";
|
||||
import { Coffee, Pizza, Smile, Users, MapPin, Phone, Mail } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Haven"
|
||||
/>
|
||||
@@ -59,29 +51,21 @@ export default function LandingPage() {
|
||||
description="People are at the heart of everything we do. France's best coffee shop 2024, blending craft with community."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Haven",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore Haven", href: "#about"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-pouring-milk-cup-coffee_23-2148366657.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-pouring-milk-cup-coffee_23-2148366657.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-decoration-with-moka-pot_23-2147671428.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-decoration-with-moka-pot_23-2147671428.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464811.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-concept-wooden-table_23-2148464811.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-morning-coffee-with-sugar-cubes-copy-space_23-2148796988.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-morning-coffee-with-sugar-cubes-copy-space_23-2148796988.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-coffee-amids-spices_23-2147742734.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cake-coffee-amids-spices_23-2147742734.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-cup_23-2149410558.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-cup_23-2149410558.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -93,13 +77,9 @@ export default function LandingPage() {
|
||||
description="Designed as a tool to enhance the experience of customers and team. We prioritize people first."
|
||||
metrics={[
|
||||
{
|
||||
value: "2024",
|
||||
title: "Best Coffee Shop",
|
||||
},
|
||||
value: "2024", title: "Best Coffee Shop"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Fresh Ingredients",
|
||||
},
|
||||
value: "100%", title: "Fresh Ingredients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cream-liquer_23-2148014925.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -115,19 +95,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Artisanal Coffee",
|
||||
description: "Single-origin beans roasted with precision.",
|
||||
},
|
||||
title: "Artisanal Coffee", description: "Single-origin beans roasted with precision."},
|
||||
{
|
||||
icon: Pizza,
|
||||
title: "Gourmet Kitchen",
|
||||
description: "Fresh, locally sourced ingredients.",
|
||||
},
|
||||
title: "Gourmet Kitchen", description: "Fresh, locally sourced ingredients."},
|
||||
{
|
||||
icon: Users,
|
||||
title: "Community First",
|
||||
description: "Spaces built for shared moments.",
|
||||
},
|
||||
title: "Community First", description: "Spaces built for shared moments."},
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="Excellence in every cup and dish."
|
||||
@@ -142,41 +116,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Signature Wood-Fired Pizza",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-with-tomatoes-parmesan-cheese_23-2148753756.jpg",
|
||||
},
|
||||
id: "1", name: "Signature Wood-Fired Pizza", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-pizza-with-tomatoes-parmesan-cheese_23-2148753756.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fresh Caprese Salad",
|
||||
price: "$14",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-sauce-salad_140725-2896.jpg",
|
||||
},
|
||||
id: "2", name: "Fresh Caprese Salad", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/person-pouring-sauce-salad_140725-2896.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Artisan Pastry Selection",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-milk-dried-dates-basket-gogals-marble-table_114579-24846.jpg",
|
||||
},
|
||||
id: "3", name: "Artisan Pastry Selection", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/glass-jar-milk-dried-dates-basket-gogals-marble-table_114579-24846.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Haven Classic Pizza",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-margherita-pizza-topped-with-rocket_141793-2150.jpg",
|
||||
},
|
||||
id: "4", name: "Haven Classic Pizza", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/top-view-margherita-pizza-topped-with-rocket_141793-2150.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Craft Espresso Blend",
|
||||
price: "$4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-glass-jar_114579-16675.jpg",
|
||||
},
|
||||
id: "5", name: "Craft Espresso Blend", price: "$4", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-glass-jar_114579-16675.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "House Made Dessert",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eclairs-with-cup-tea_140725-3601.jpg",
|
||||
},
|
||||
id: "6", name: "House Made Dessert", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/eclairs-with-cup-tea_140725-3601.jpg"},
|
||||
]}
|
||||
title="Fresh Selection"
|
||||
description="Our daily kitchen and café offerings."
|
||||
@@ -190,35 +140,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "daily",
|
||||
tag: "Daily",
|
||||
price: "$5",
|
||||
period: "/ day",
|
||||
description: "Coffee and quick bites.",
|
||||
button: {
|
||||
text: "Visit",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Fresh coffee",
|
||||
"Daily pastry",
|
||||
],
|
||||
id: "daily", tag: "Daily", price: "$5", period: "/ day", description: "Coffee and quick bites.", button: {
|
||||
text: "Visit"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Fresh coffee", "Daily pastry"],
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
tag: "Monthly",
|
||||
price: "$99",
|
||||
period: "/ mo",
|
||||
description: "Full access to our menu.",
|
||||
button: {
|
||||
text: "Subscribe",
|
||||
},
|
||||
featuresTitle: "Includes:",
|
||||
features: [
|
||||
"Unlimited coffee",
|
||||
"Priority seating",
|
||||
"Event access",
|
||||
],
|
||||
id: "monthly", tag: "Monthly", price: "$99", period: "/ mo", description: "Full access to our menu.", button: {
|
||||
text: "Subscribe"},
|
||||
featuresTitle: "Includes:", features: [
|
||||
"Unlimited coffee", "Priority seating", "Event access"],
|
||||
},
|
||||
]}
|
||||
title="Join Our Community"
|
||||
@@ -234,25 +165,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
title: "Coffee Cups Served",
|
||||
description: "Monthly average",
|
||||
icon: Coffee,
|
||||
id: "m1", value: "15K+", title: "Coffee Cups Served", description: "Monthly average", icon: Coffee,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5K+",
|
||||
title: "Pizza Orders",
|
||||
description: "Daily crafted",
|
||||
icon: Pizza,
|
||||
id: "m2", value: "5K+", title: "Pizza Orders", description: "Daily crafted", icon: Pizza,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
title: "Customer Joy",
|
||||
description: "Since day one",
|
||||
icon: Smile,
|
||||
id: "m3", value: "100%", title: "Customer Joy", description: "Since day one", icon: Smile,
|
||||
},
|
||||
]}
|
||||
title="Impact"
|
||||
@@ -268,25 +187,15 @@ export default function LandingPage() {
|
||||
author="Sarah L., Local Regular"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-girl-holding-cup-tea-isolated-olive-green-wall-with-copy-space_141793-109507.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-pretty-caucasian-girl-holding-cup-tea-isolated-olive-green-wall-with-copy-space_141793-109507.jpg", alt: "Customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", alt: "Customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-blonde-hair-holding-delicious-chocolate-muffin-hand_23-2147974685.jpg", alt: "Customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-white-textured-shirt-cafe-terrace-daytime_176474-4967.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-white-textured-shirt-cafe-terrace-daytime_176474-4967.jpg", alt: "Customer 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -297,50 +206,37 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
text="Experience Haven today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Haven"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Websites",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Collections",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Our Story", href: "#about" },
|
||||
{ label: "Menu", href: "#products" },
|
||||
{ label: "Join Us", href: "#pricing" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Academy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Jobs",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "123 Coffee Lane, Paris" },
|
||||
{ label: "contact@haven.fr" },
|
||||
{ label: "+33 1 23 45 67 89" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Haven"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user