Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
277
src/app/page.tsx
277
src/app/page.tsx
@@ -2,13 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import { Zap, Clock, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,22 +29,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="La Table d’Atlas"
|
||||
/>
|
||||
@@ -53,258 +42,78 @@ export default function LandingPage() {
|
||||
<HeroOverlayTestimonial
|
||||
title="Experience Fine Dining & Café Culture in Casablanca"
|
||||
description="Fresh pastries, refined cuisine, and a welcoming atmosphere."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Amal K.",
|
||||
handle: "@CasablancaFoodie",
|
||||
testimonial: "Un service trop professionnel, une qualité de haut niveau… absolument inoubliable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
||||
},
|
||||
{
|
||||
name: "Youssef M.",
|
||||
handle: "@LocalGuide",
|
||||
testimonial: "La meilleure pâtisserie de Casablanca, une ambiance parfaite pour travailler ou se détendre.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-happy-young-people-having-dinner-together-dining-table-focus-is-redhead-woman-taking-food-from-her-friend_637285-3752.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah R.",
|
||||
handle: "@FoodLover",
|
||||
testimonial: "Cadre magnifique, cuisine fine et raffinée. J'adore l'atmosphère.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-style-pottery-illustration_23-2151813453.jpg",
|
||||
},
|
||||
{
|
||||
name: "Karim B.",
|
||||
handle: "@CasablancaVisitor",
|
||||
testimonial: "Un accueil chaleureux dans un cadre sublime. Très belle expérience culinaire.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fatima Z.",
|
||||
handle: "@RestoCritic",
|
||||
testimonial: "Une qualité constante et une finesse dans chaque assiette. Adresse recommandée.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+212522000000",
|
||||
},
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+212522000000" },
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grey-painted-fancy-restaurant-with-empty-dinner-table_140725-8730.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/outdoor-shot-delighted-happy-dark-skinned-young-female-wears-red-blouse-listens-audio-song-headphones_273609-3479.jpg",
|
||||
alt: "Amal K.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-happy-young-people-having-dinner-together-dining-table-focus-is-redhead-woman-taking-food-from-her-friend_637285-3752.jpg",
|
||||
alt: "Youssef M.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/digital-art-style-pottery-illustration_23-2151813453.jpg",
|
||||
alt: "Sarah R.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
|
||||
alt: "Karim B.",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
|
||||
alt: "Fatima Z.",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by 500+ guests"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
<MediaAbout
|
||||
title="The Story of Atlas Restaurant"
|
||||
description="Located in the heart of Casablanca, La Table d’Atlas invites you to explore a harmonious blend of refined culinary craft and warm hospitality. Our passion for quality ingredients and authentic flavours defines every moment we share with our guests."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg"
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Story of Atlas Restaurant",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Located in the heart of Casablanca, La Table d’Atlas invites you to explore a harmonious blend of refined culinary craft and warm hospitality. Our passion for quality ingredients and authentic flavours defines every moment we share with our guests.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
<ProductCardThree
|
||||
title="Our Culinary Selection"
|
||||
description="Discover our curated selections of breakfast, main dishes, and signature pastries."
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
brand: "Breakfast",
|
||||
name: "Atlas Continental Breakfast",
|
||||
price: "85 MAD",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
brand: "Main",
|
||||
name: "Grilled Sea Bass",
|
||||
price: "145 MAD",
|
||||
rating: 4,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
brand: "Burger",
|
||||
name: "Atlas Signature Burger",
|
||||
price: "110 MAD",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
brand: "Pastry",
|
||||
name: "Signature Almond Croissant",
|
||||
price: "35 MAD",
|
||||
rating: 5,
|
||||
reviewCount: "350",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
brand: "Drinks",
|
||||
name: "Atlas Special Coffee",
|
||||
price: "25 MAD",
|
||||
rating: 4,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
brand: "Dessert",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "55 MAD",
|
||||
rating: 5,
|
||||
reviewCount: "90",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg?_wi=6",
|
||||
},
|
||||
{ id: "m1", name: "Atlas Continental Breakfast", price: "85 MAD", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg" },
|
||||
{ id: "m2", name: "Grilled Sea Bass", price: "145 MAD", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg" },
|
||||
{ id: "m3", name: "Atlas Signature Burger", price: "110 MAD", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-preparing-chopped-bell-pepper-restaurant-kitchen-cooking-gourmet-dish-with-fresh-ingredients-authentic-cook-preparing-vegetables-meal-with-culinary-food-recipe-close-up_482257-43539.jpg" }
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Discover our curated selections of breakfast, main dishes, and signature pastries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardOne
|
||||
title="Why Atlas Restaurant"
|
||||
description="Our commitment to quality and service excellence in Casablanca."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "10+",
|
||||
description: "Years of Culinary Passion",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "5000+",
|
||||
description: "Happy Guests Served",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "4.8/5",
|
||||
description: "Guest Satisfaction Rating",
|
||||
},
|
||||
{ id: "1", value: "10+", title: "Experience", description: "Years of Culinary Passion", icon: Zap },
|
||||
{ id: "2", value: "5000+", title: "Guests", description: "Happy Guests Served", icon: Clock },
|
||||
{ id: "3", value: "4.8", title: "Rating", description: "Guest Satisfaction", icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
text="Reserve your table today and experience the refined atmosphere of La Table d’Atlas."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book via WhatsApp",
|
||||
href: "https://wa.me/212600000000",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+212522000000",
|
||||
},
|
||||
<ContactSplitForm
|
||||
title="Book Your Table"
|
||||
description="We look forward to welcoming you to La Table d’Atlas."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Phone Number", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Special requests or reservations notes", rows: 4 }}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
<FooterLogoEmphasis
|
||||
logoText="La Table d’Atlas"
|
||||
columns={[
|
||||
{
|
||||
title: "Information",
|
||||
items: [
|
||||
{
|
||||
label: "Address: Casablanca, Morocco",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Phone: +212 522 00 00 00",
|
||||
href: "tel:+212522000000",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Opening Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Everyday: 08:00 - 23:00",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Address: Casablanca, Morocco" }, { label: "Phone: +212 522 00 00 00" }] },
|
||||
{ items: [{ label: "Everyday: 08:00 - 23:00" }] },
|
||||
{ items: [{ label: "Instagram" }, { label: "Facebook" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user