diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx new file mode 100644 index 0000000..6d0831d --- /dev/null +++ b/src/app/about/page.tsx @@ -0,0 +1,164 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import HeroOverlay from '@/components/sections/hero/HeroOverlay'; +import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard'; +import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { Heart, Clock, Users } from 'lucide-react'; + +export default function AboutPage() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..5db380c --- /dev/null +++ b/src/app/contact/page.tsx @@ -0,0 +1,262 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import HeroOverlay from '@/components/sections/hero/HeroOverlay'; +import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { MapPin, Phone, Clock } from 'lucide-react'; + +export default function ContactPage() { + const handleFormSubmit = (e: React.FormEvent) => { + e.preventDefault(); + // Form submission logic would go here + console.log('Form submitted'); + }; + + return ( + + + + + + + + + + + + + + + + + + + + + + Formulaire de Contact + Remplissez le formulaire ci-dessous et nous vous répondrons dans les plus brefs délais. + + + + + Nom Complet * + + + + + Email * + + + + + Numéro de Téléphone + + + + + Sujet * + + Sélectionnez un sujet + Réservation + Commande à emporter + Événement privé + Retour / Feedback + Autre + + + + + Message * + + + + + Envoyer le Message + + + * Champs obligatoires + + + + + + + + + + + + + + + + + + + + + + ); +} \ No newline at end of file diff --git a/src/app/galerie/page.tsx b/src/app/galerie/page.tsx new file mode 100644 index 0000000..958ee36 --- /dev/null +++ b/src/app/galerie/page.tsx @@ -0,0 +1,232 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import HeroOverlay from '@/components/sections/hero/HeroOverlay'; +import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { Phone } from 'lucide-react'; + +export default function GaleriePage() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} \ No newline at end of file diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx new file mode 100644 index 0000000..a83341d --- /dev/null +++ b/src/app/menu/page.tsx @@ -0,0 +1,294 @@ +"use client" + +import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; +import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple'; +import HeroOverlay from '@/components/sections/hero/HeroOverlay'; +import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; +import ContactCTA from '@/components/sections/contact/ContactCTA'; +import FooterBaseCard from '@/components/sections/footer/FooterBaseCard'; +import { Phone } from 'lucide-react'; + +export default function MenuPage() { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index f55afeb..1203813 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -29,10 +29,10 @@ export default function LandingPage() { brandName="Chez Ennio" navItems={[ { name: "Accueil", id: "hero" }, - { name: "À propos", id: "about" }, + { name: "À propos", id: "/about" }, { name: "Plats", id: "dishes" }, { name: "Avis", id: "reviews" }, - { name: "Contact", id: "contact" } + { name: "Contact", id: "/contact" } ]} /> @@ -47,8 +47,8 @@ export default function LandingPage() { showDimOverlay={true} showBlur={true} buttons={[ - { text: "Réserver une table", href: "#contact" }, - { text: "Commander à emporter", href: "#contact" } + { text: "Réserver une table", href: "/contact" }, + { text: "Commander à emporter", href: "/contact" } ]} /> @@ -200,4 +200,4 @@ export default function LandingPage() { ); -} +} \ No newline at end of file diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 95e1c10..aa46984 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #fcf6ec; - --card: #f3ede2; - --foreground: #2e2521; - --primary-cta: #ff8c42; + --background: #f9f3ed; + --card: #efeae2; + --foreground: #3d2817; + --primary-cta: #a0522d; --primary-cta-text: #ffffff; - --secondary-cta: #ffffff; + --secondary-cta: #f9f3ed; --secondary-cta-text: #2e2521; - --accent: #b2a28b; - --background-accent: #b2a28b; + --accent: #d4a574; + --background-accent: #c49060; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Remplissez le formulaire ci-dessous et nous vous répondrons dans les plus brefs délais.
* Champs obligatoires