Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
361
src/app/page.tsx
361
src/app/page.tsx
@@ -14,262 +14,129 @@ import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCa
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
]}
|
||||
brandName="Snack Zakaria"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Snack Zakaria"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Snack Zakaria"
|
||||
description="Local quality kitchen in the heart of Khémisset. We prioritize fresh ingredients and authentic flavors you can trust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now: 06 14 66 22 06",
|
||||
href: "tel:+212614662206",
|
||||
},
|
||||
{
|
||||
text: "Order via WhatsApp",
|
||||
href: "https://wa.me/212614662206",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png?_wi=1",
|
||||
imageAlt: "Our fresh signature burger",
|
||||
},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png?_wi=1",
|
||||
imageAlt: "Signature Tacos",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Snack Zakaria"
|
||||
description="Local quality kitchen in the heart of Khémisset. We prioritize fresh ingredients and authentic flavors you can trust."
|
||||
buttons={[
|
||||
{ text: "Call Now: 06 14 66 22 06", href: "tel:+212614662206" },
|
||||
{ text: "Order via WhatsApp", href: "https://wa.me/212614662206" }
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png", imageAlt: "Our fresh signature burger" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png", imageAlt: "Signature Tacos" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Commitment to ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/clean-bright-professional-kitchen-prep-a-1774610463330-66ca06f5.png",
|
||||
alt: "Clean kitchen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Quality",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Our Commitment to " },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/clean-bright-professional-kitchen-prep-a-1774610463330-66ca06f5.png", alt: "Clean kitchen" },
|
||||
{ type: "text", content: " Quality" }
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Specialty",
|
||||
name: "Classic Burger",
|
||||
price: "35 DH",
|
||||
rating: 4,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Specialty",
|
||||
name: "Signature Tacos",
|
||||
price: "45 DH",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Specialty",
|
||||
name: "Family Pizza",
|
||||
price: "65 DH",
|
||||
rating: 4,
|
||||
reviewCount: "200",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/freshly-baked-pizza-with-vibrant-ingredi-1774610464075-f481c38c.png",
|
||||
},
|
||||
]}
|
||||
title="Our Menu"
|
||||
description="Fresh, local ingredients prepared daily."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Our Menu"
|
||||
description="Fresh, local ingredients prepared daily."
|
||||
products={[
|
||||
{ id: "1", brand: "Specialty", name: "Classic Burger", price: "35 DH", rating: 4, reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-close-up-of-a-fresh-morocca-1774610462397-b9b1aa35.png" },
|
||||
{ id: "2", brand: "Specialty", name: "Signature Tacos", price: "45 DH", rating: 5, reviewCount: "85", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/artistic-arrangement-of-moroccan-tacos-o-1774610463877-50a53a83.png" },
|
||||
{ id: "3", brand: "Specialty", name: "Family Pizza", price: "65 DH", rating: 4, reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/freshly-baked-pizza-with-vibrant-ingredi-1774610464075-f481c38c.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Youssef A.",
|
||||
date: "2023-10",
|
||||
title: "Great Food",
|
||||
quote: "Zakaria's food is fresh and the service is always friendly.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462765-b49695e4.png",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Fatima Z.",
|
||||
date: "2023-09",
|
||||
title: "Best Tacos",
|
||||
quote: "Delicious Tacos! Best quality I've found in Khémisset.",
|
||||
tag: "Loyal",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462252-6457967b.png",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Omar K.",
|
||||
date: "2023-08",
|
||||
title: "Good Service",
|
||||
quote: "Reliable and fast delivery, always hot.",
|
||||
tag: "Local",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610461815-28c50cc5.png",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Layla M.",
|
||||
date: "2023-07",
|
||||
title: "New Regular",
|
||||
quote: "I love the pizza options here, very tasty.",
|
||||
tag: "New",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462986-1dd26e16.png",
|
||||
},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Building trust, one order at a time."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="What Our Community Says"
|
||||
description="Building trust, one order at a time."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Youssef A.", date: "2023-10", title: "Great Food", quote: "Zakaria's food is fresh and the service is always friendly.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462765-b49695e4.png" },
|
||||
{ id: "2", name: "Fatima Z.", date: "2023-09", title: "Best Tacos", quote: "Delicious Tacos! Best quality I've found in Khémisset.", tag: "Loyal", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462252-6457967b.png" },
|
||||
{ id: "3", name: "Omar K.", date: "2023-08", title: "Good Service", quote: "Reliable and fast delivery, always hot.", tag: "Local", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610461815-28c50cc5.png" },
|
||||
{ id: "4", name: "Layla M.", date: "2023-07", title: "New Regular", quote: "I love the pizza options here, very tasty.", tag: "New", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/professional-happy-customer-headshot-1774610462986-1dd26e16.png" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What are your delivery zones?",
|
||||
content: "We deliver to all major districts in Khémisset.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How can I order?",
|
||||
content: "Click the Order via WhatsApp button for the fastest service.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Are you open now?",
|
||||
content: "Check our status indicator at the top of the page.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/modern-minimal-background-for-faq-1774610462376-80058570.png"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="How to order and our delivery zones."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Common Questions"
|
||||
description="How to order and our delivery zones."
|
||||
mediaAnimation="slide-up"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWeHMzweqSJiR0U5MoTadNfmE0/modern-minimal-background-for-faq-1774610462376-80058570.png"
|
||||
faqs={[
|
||||
{ id: "1", title: "What are your delivery zones?", content: "We deliver to all major districts in Khémisset." },
|
||||
{ id: "2", title: "How can I order?", content: "Click the Order via WhatsApp button for the fastest service." },
|
||||
{ id: "3", title: "Are you open now?", content: "Check our status indicator at the top of the page." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Need a Large Order?"
|
||||
description="For catering or group lunches, please contact us directly."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us Now",
|
||||
href: "tel:+212614662206",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Let's Talk"
|
||||
title="Need a Large Order?"
|
||||
description="For catering or group lunches, please contact us directly."
|
||||
buttons={[{ text: "Contact Us Now", href: "tel:+212614662206" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Snack Zakaria",
|
||||
items: [
|
||||
{
|
||||
label: "Khémisset, Morocco",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "06 14 66 22 06",
|
||||
href: "tel:+212614662206",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Tacos",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Pizza",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Specialties",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Snack Zakaria"
|
||||
bottomRightText="Built for Khémisset"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{ title: "Snack Zakaria", items: [{ label: "Khémisset, Morocco", href: "#" }, { label: "06 14 66 22 06", href: "tel:+212614662206" }] },
|
||||
{ title: "Menu", items: [{ label: "Tacos", href: "#menu" }, { label: "Pizza", href: "#menu" }, { label: "Specialties", href: "#menu" }] }
|
||||
]}
|
||||
bottomLeftText="© 2024 Snack Zakaria"
|
||||
bottomRightText="Built for Khémisset"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user