4 Commits

Author SHA1 Message Date
4237eb8d01 Update src/app/page.tsx 2026-03-27 08:37:50 +00:00
10f9732040 Update src/app/page.tsx 2026-03-27 08:37:23 +00:00
fd21fdfd9c Update src/app/page.tsx 2026-03-27 08:36:53 +00:00
3546f83067 Merge version_1 into main
Merge version_1 into main
2026-03-27 08:32:08 +00:00

View File

@@ -2,165 +2,113 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react"; import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase'; import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard'; import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree'; import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout'; import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
export default function LandingPage() { export default function LandingPage() {
return ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="text-stagger" defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide" defaultTextAnimation="reveal-blur"
borderRadius="rounded" borderRadius="soft"
contentWidth="medium" contentWidth="medium"
sizing="medium" sizing="large"
background="circleGradient" background="noise"
cardStyle="glass-elevated" cardStyle="glass-depth"
primaryButtonStyle="gradient" primaryButtonStyle="primary-glow"
secondaryButtonStyle="glass" secondaryButtonStyle="layered"
headingFontWeight="normal" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ { name: "Home", id: "#hero" },
name: "Home", id: "#hero"}, { name: "About", id: "#about" },
{ { name: "Menu", id: "#menu" },
name: "About", id: "#about"}, { name: "Reviews", id: "#reviews" },
{ { name: "Contact", id: "#contact" },
name: "Menu", id: "#menu"}, ]}
{ brandName="Sheger Restaurant"
name: "Reviews", id: "#reviews"}, />
{ </div>
name: "Contact", id: "#contact"},
]}
brandName="Sheger Restaurant"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboard <HeroBillboardGallery
background={{ title="Sheger Restaurant"
variant: "sparkles-gradient"}} description="Taste the Heart of Ethiopia in Abu Dhabi."
title="Sheger Restaurant" background={{ variant: "sparkles-gradient" }}
description="Taste the Heart of Ethiopia in Abu Dhabi." mediaItems={[
buttons={[ { imageSrc: "http://img.b2bpic.net/free-photo/assorted-spices-citruses-near-dishes_23-2147894932.jpg", imageAlt: "Ethiopian Spices" },
{ { imageSrc: "http://img.b2bpic.net/free-photo/cinnamon-sticks-sliced-lemons-white-plate_114579-82030.jpg", imageAlt: "Fresh Ingredients" }
text: "Reserve a Table", href: "#contact"}, ]}
{ buttons={[{ text: "Reserve a Table", href: "#contact" }]}
text: "Order Online", href: "#"}, />
]} </div>
imageSrc="http://img.b2bpic.net/free-photo/assorted-spices-citruses-near-dishes_23-2147894932.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<SplitAbout <TextAbout
textboxLayout="split" title="Experience Ethiopia"
useInvertedBackground={false} tag="About Us"
title="Experience Ethiopia" useInvertedBackground={true}
description="Sheger Restaurant brings authentic Ethiopian flavors to Abu Dhabi. We pride ourselves on creating a cozy, casual dining environment where every meal feels like home. Whether you're here to dine-in, grab a quick takeaway, or order delivery, we are ready to serve you. Located at Navy Gate, beside Silver Triangle Trading, Al Zahiyah. We are open until 12 AM." />
bulletPoints={[ </div>
{
title: "Authentic Cuisine", description: "Traditional recipes prepared fresh."},
{
title: "Cozy Atmosphere", description: "Warm, inviting space for everyone."},
{
title: "Full Service", description: "Dine-in, takeaway, and delivery."},
]}
imageSrc="http://img.b2bpic.net/free-photo/cinnamon-sticks-sliced-lemons-white-plate_114579-82030.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu"> <div id="menu" data-section="menu">
<ProductCardThree <ProductCardTwo
animationType="slide-up" title="Our Specialties"
textboxLayout="default" description="Traditional dishes crafted with authentic spices."
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} animationType="slide-up"
products={[ textboxLayout="split"
{ useInvertedBackground={false}
id: "1", name: "Doro Wat", price: "AED 45", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-salad-with-vegetables-greens-dark-floor-diet-ripe-health_140725-73189.jpg"}, products={[
{ { id: "1", brand: "Classic", name: "Doro Wat", price: "AED 45", rating: 5, reviewCount: "(120)", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-salad-with-vegetables-greens-dark-floor-diet-ripe-health_140725-73189.jpg" },
id: "2", name: "Misir Wat", price: "AED 30", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetables-composition-white-background-meal-color-healthy-life-ripe-diet-salad_140725-98237.jpg"}, { id: "2", brand: "Vegan", name: "Misir Wat", price: "AED 30", rating: 4, reviewCount: "(85)", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetables-composition-white-background-meal-color-healthy-life-ripe-diet-salad_140725-98237.jpg" },
{ { id: "3", brand: "Signature", name: "Beef Tibs", price: "AED 50", rating: 5, reviewCount: "(95)", imageSrc: "http://img.b2bpic.net/free-photo/mangal-salad-eggplant-garlic-basil-onion-tomato-pepper-side-view_141793-3762.jpg?_wi=1" }
id: "3", name: "Beef Tibs", price: "AED 50", imageSrc: "http://img.b2bpic.net/free-photo/mangal-salad-eggplant-garlic-basil-onion-tomato-pepper-side-view_141793-3762.jpg"}, ]}
]} />
title="Our Specialties" </div>
description="Traditional dishes curated for you."
/>
</div>
<div id="reviews" data-section="reviews"> <div id="reviews" data-section="reviews">
<TestimonialCardThirteen <TestimonialCardFive
animationType="slide-up" title="Loved by Our Guests"
textboxLayout="default" description="Discover why our guests love our authentic flavors."
useInvertedBackground={false} textboxLayout="split"
testimonials={[ useInvertedBackground={true}
{ testimonials={[
id: "1", name: "Fatima", handle: "@fatima_a", testimonial: "The best injera in Abu Dhabi!", rating: 5, { id: "1", name: "Fatima", date: "2024-10-12", title: "Excellent", quote: "The best injera in Abu Dhabi!", tag: "Dining", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-beef-meat-salad-with-vegetables-corns_141793-3020.jpg" },
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-beef-meat-salad-with-vegetables-corns_141793-3020.jpg"}, { id: "2", name: "Ahmed", date: "2024-09-20", title: "Highly Recommend", quote: "Authentic and delicious spices.", tag: "Takeaway", avatarSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg" }
{ ]}
id: "2", name: "Ahmed", handle: "@ahmed_dxb", testimonial: "Authentic and delicious spices.", rating: 4, />
imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-woman-eating-out-asian-restaurant-looking-asid_197531-22363.jpg"}, </div>
{
id: "3", name: "Sarah", handle: "@sarah_q", testimonial: "Great cozy place, very friendly.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-using-mobile-phone-while-drinking-glass-beer-with-his-friends-bar_58466-16027.jpg"},
{
id: "4", name: "Omar", handle: "@omar_j", testimonial: "Loved the variety of dishes.", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg"},
]}
showRating={true}
title="Loved by Our Guests"
description="Rated 4.5/5 by our community."
/>
</div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactText <ContactSplit
useInvertedBackground={false} title="Visit Us"
background={{ tag="Get in Touch"
variant: "gradient-bars"}} description="Located at Navy Gate, beside Silver Triangle Trading, Al Zahiyah. Join us for an unforgettable dining experience."
text="Visit Us at Navy Gate, Al Zahiyah. Call us at 02 676 3443 for reservations." background={{ variant: "animated-grid" }}
buttons={[ useInvertedBackground={false}
{ imageSrc="http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg"
text: "Find a Table", href: "#"}, />
{ </div>
text: "Order Online", href: "#"},
]}
/>
</div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer">
<FooterBase <FooterMedia
columns={[ columns={[
{ { title: "Visit", items: [{ label: "Navy Gate, Al Zahiyah", href: "#" }] },
title: "Sheger Restaurant", items: [ { title: "Order", items: [{ label: "Call 02 676 3443", href: "tel:026763443" }] }
{ ]}
label: "Navy Gate, Al Zahiyah", href: "#"}, imageSrc="http://img.b2bpic.net/free-photo/mangal-salad-eggplant-garlic-basil-onion-tomato-pepper-side-view_141793-3762.jpg?_wi=2"
{ logoText="Sheger Restaurant"
label: "02 676 3443", href: "tel:026763443"}, />
], </div>
},
{
title: "Explore", items: [
{
label: "Menu", href: "#menu"},
{
label: "Reviews", href: "#reviews"},
],
},
]}
copyrightText="© 2025 Sheger Restaurant | Experience authentic Ethiopian cuisine in Abu Dhabi."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );