Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 4237eb8d01 | |||
| 10f9732040 | |||
| fd21fdfd9c | |||
| 3546f83067 |
240
src/app/page.tsx
240
src/app/page.tsx
@@ -2,165 +2,113 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews", id: "#reviews"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Sheger Restaurant"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reviews", id: "#reviews" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Sheger Restaurant"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Sheger Restaurant"
|
||||
description="Taste the Heart of Ethiopia in Abu Dhabi."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table", href: "#contact"},
|
||||
{
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assorted-spices-citruses-near-dishes_23-2147894932.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Sheger Restaurant"
|
||||
description="Taste the Heart of Ethiopia in Abu Dhabi."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
mediaItems={[
|
||||
{ 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" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Experience Ethiopia"
|
||||
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={[
|
||||
{
|
||||
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="about" data-section="about">
|
||||
<TextAbout
|
||||
title="Experience Ethiopia"
|
||||
tag="About Us"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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: "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"
|
||||
description="Traditional dishes curated for you."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
title="Our Specialties"
|
||||
description="Traditional dishes crafted with authentic spices."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
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", 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Fatima", handle: "@fatima_a", testimonial: "The best injera in Abu Dhabi!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-eating-beef-meat-salad-with-vegetables-corns_141793-3020.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"},
|
||||
{
|
||||
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="reviews" data-section="reviews">
|
||||
<TestimonialCardFive
|
||||
title="Loved by Our Guests"
|
||||
description="Discover why our guests love our authentic flavors."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ 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" },
|
||||
{ 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" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
text="Visit Us at Navy Gate, Al Zahiyah. Call us at 02 676 3443 for reservations."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find a Table", href: "#"},
|
||||
{
|
||||
text: "Order Online", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Visit Us"
|
||||
tag="Get in Touch"
|
||||
description="Located at Navy Gate, beside Silver Triangle Trading, Al Zahiyah. Join us for an unforgettable dining experience."
|
||||
background={{ variant: "animated-grid" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Sheger Restaurant", items: [
|
||||
{
|
||||
label: "Navy Gate, Al Zahiyah", href: "#"},
|
||||
{
|
||||
label: "02 676 3443", href: "tel:026763443"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Menu", href: "#menu"},
|
||||
{
|
||||
label: "Reviews", href: "#reviews"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Sheger Restaurant | Experience authentic Ethiopian cuisine in Abu Dhabi."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
columns={[
|
||||
{ title: "Visit", items: [{ label: "Navy Gate, Al Zahiyah", href: "#" }] },
|
||||
{ title: "Order", items: [{ label: "Call 02 676 3443", href: "tel:026763443" }] }
|
||||
]}
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user