Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| c19cb85f36 | |||
| 4889e2bb40 | |||
| c1d417b16e | |||
| 81c8e20c60 | |||
| 87e0c6ff0b | |||
| b0b69b0091 | |||
| 4cb8d7d484 | |||
| 5ff54b373b |
134
src/app/page.tsx
134
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import AboutMetric from '@/components/sections/about/AboutMetric';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Fish, Leaf, Sun } from "lucide-react";
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import { Fish, Leaf, Sun, Camera } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -29,49 +29,45 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "Filosofia", id: "about"},
|
||||
{
|
||||
name: "Menù", id: "menu"},
|
||||
{
|
||||
name: "Prenota", id: "contact"},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Tesori di Oggi", id: "gallery" },
|
||||
{ name: "Filosofia", id: "about" },
|
||||
{ name: "Menù", id: "menu" },
|
||||
{ name: "Parole dei nostri Ospiti", id: "testimonials" },
|
||||
{ name: "Prenota", id: "contact" },
|
||||
]}
|
||||
brandName="Hali's Garden"
|
||||
brandName="Halis Garden"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroLogo
|
||||
logoText="Hali's Garden"
|
||||
logoText="Halis Garden"
|
||||
description="Dove il Mare respira in Giardino. L'eleganza dell'essenziale."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prenota un Tavolo", href: "#contact"},
|
||||
]}
|
||||
buttons={[{ text: "Prenota un Tavolo", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698370.jpg"
|
||||
imageAlt="Atmosfera Hali's Garden"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricSplitMediaAbout
|
||||
title="Tesori di Oggi"
|
||||
description="Una selezione giornaliera di materie prime scelte con cura dai mercati locali e dal nostro orto."
|
||||
metrics={[{ title: "Prodotti Selezionati", value: "40+" }, { title: "Fornitori Locali", value: "15" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775517786780-prr9dw6n.jpg"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={false}
|
||||
title="La nostra Filosofia"
|
||||
metrics={[
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Materia Prima", value: "A Km Zero"},
|
||||
{
|
||||
icon: Fish,
|
||||
label: "Pescato", value: "Del Giorno"},
|
||||
{
|
||||
icon: Sun,
|
||||
label: "Esperienza", value: "Mediterranea"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
<MetricSplitMediaAbout
|
||||
title="La nostra Filosofia"
|
||||
description="Minimalismo mediterraneo espresso attraverso una cucina che rispetta i ritmi della natura."
|
||||
metrics={[{ title: "Materia Prima", value: "Km Zero" }, { title: "Pescato", value: "Giornaliero" }]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775520991074-sowbf7hw.jpg"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
@@ -81,43 +77,25 @@ export default function LandingPage() {
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Crudité di Mare", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/flexitarian-diet-food-composition_23-2148955509.jpg"},
|
||||
{
|
||||
id: "2", name: "Pescato del Giorno", price: "35€", imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-with-lemon-slices-wooden-board_140725-3257.jpg"},
|
||||
{
|
||||
id: "3", name: "Dall'Orto al Piatto", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-lettuce-tomato-cucumber-olives-corns-fried-eggplants-side-view_141793-2787.jpg"},
|
||||
{
|
||||
id: "4", name: "Dolce al Limone", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-piece-creamy-cheesecake-with-chocolate-cookies_181624-43396.jpg"},
|
||||
{
|
||||
id: "5", name: "Selezione Vini", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-propose-his-lover_23-2148060585.jpg"},
|
||||
{
|
||||
id: "6", name: "Tartare del Giorno", price: "24€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hot-meal-drink-arrangement_23-2148847464.jpg"},
|
||||
{ id: "1", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775518057780-3dzza2ej.jpg" },
|
||||
{ id: "2", name: "", price: "", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775520206249-hyfq1th6.jpg" }
|
||||
]}
|
||||
title="Il Nostro Menù"
|
||||
description="Una narrazione degli ingredienti tra mare e terra."
|
||||
description="Minimalismo culinario tra terra e mare."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Parole dei nostri Ospiti"
|
||||
description="Il racconto di chi ha vissuto l'esperienza Halis Garden."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Federico Fiorillo", role: "Local Guide", testimonial: "Tutto perfetto.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg"},
|
||||
{
|
||||
id: "2", name: "Marco Rossi", role: "Foodie", testimonial: "Sapori autentici e freschezza assoluta.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-redhead-woman-portrait-with-vegetables_23-2148851857.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena Bianchi", role: "Cliente", testimonial: "L'atmosfera più rilassante di sempre.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-doing-online-shopping_23-2149159934.jpg"},
|
||||
{
|
||||
id: "4", name: "Luca Verdi", role: "Turista", testimonial: "Un giardino magico, cibo sublime.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-nice-old-man-smiling-camera-restaurant-man-his-sixties-adult-man_482257-19910.jpg"},
|
||||
{
|
||||
id: "5", name: "Giulia Neri", role: "Recensore", testimonial: "Semplicità perfetta in ogni piatto.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
||||
{ id: "1", name: "Federico F.", handle: "@federicof", testimonial: "Un'estetica pulita e sapori indimenticabili.", icon: Camera },
|
||||
{ id: "2", name: "Elena B.", handle: "@elenab", testimonial: "Semplicità disarmante, qualità eccelsa.", icon: Camera }
|
||||
]}
|
||||
title="Recensioni dei Nostri Ospiti"
|
||||
description="L'eleganza di un'esperienza indimenticabile."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -125,45 +103,27 @@ export default function LandingPage() {
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Prenota un Tavolo"
|
||||
description="L'essenza del gusto ti attende. Riserva il tuo posto nel giardino."
|
||||
description="Riserva il tuo posto nel nostro giardino."
|
||||
inputs={[
|
||||
{
|
||||
name: "nome", type: "text", placeholder: "Nome e Cognome", required: true,
|
||||
},
|
||||
{
|
||||
name: "data", type: "date", placeholder: "Data", required: true,
|
||||
},
|
||||
{ name: "nome", type: "text", placeholder: "Nome e Cognome", required: true },
|
||||
{ name: "data", type: "date", placeholder: "Data", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "note", placeholder: "Note per lo Chef", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/how-is-rich-people-have-supper-prepared-desk-waiting-food-visitors-evening-time_146671-14412.jpg"
|
||||
textarea={{ name: "note", placeholder: "Note per lo Chef", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C0Jp1rsqNCF4xq9UGXn5kQfDlg/uploaded-1775521351796-25y92dox.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Contatti", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{ title: "Info", items: [{ label: "Contatti", href: "#contact" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
]}
|
||||
logoText="Hali's Garden"
|
||||
copyrightText="© 2025 Hali's Garden | Eleganza Mediterranea"
|
||||
logoText="Halis Garden"
|
||||
copyrightText="© 2026 Halis Garden"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--background: #f5f4f0;
|
||||
--card: #ecebe4;
|
||||
--foreground: #1c2b20;
|
||||
--primary-cta: #1c2b20;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #d4dccf;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #c5a059;
|
||||
--background-accent: #f9f9f9;
|
||||
--background-accent: #e0d6b5;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user