Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 9e432ba04d | |||
| 59f8a28954 | |||
| b34066d8ce | |||
| 75c10aa4eb |
230
src/app/page.tsx
230
src/app/page.tsx
@@ -2,13 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Phone, MapPin, Sparkles, Utensils, Award } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -25,150 +26,89 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Ana Səhifə", id: "hero"},
|
||||
{
|
||||
name: "Haqqımızda", id: "about"},
|
||||
{
|
||||
name: "Menyu", id: "menu"},
|
||||
{
|
||||
name: "Qalereya", id: "gallery"},
|
||||
{
|
||||
name: "Əlaqə", id: "contact"},
|
||||
]}
|
||||
brandName="Nənə Qurban"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Ana Səhifə", id: "hero" },
|
||||
{ name: "Haqqımızda", id: "about" },
|
||||
{ name: "Menyu", id: "menu" },
|
||||
{ name: "Qalereya", id: "gallery" },
|
||||
{ name: "Əlaqə", id: "contact" },
|
||||
]}
|
||||
brandName="Nənə Qurban"
|
||||
button={{ text: "Sifariş", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
title="Nənə Qurban"
|
||||
description="Nənənin əlinin dadı, evin istiliyi"
|
||||
buttons={[
|
||||
{
|
||||
text: "Masa Sifariş Et", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-stuffed-pastry-with-sesame-sprinkles-served-with-tomato-sauce_141793-1855.jpg", imageAlt: "Ənənəvi süfrə"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-breakfast-restaurant-with-traditional-style-table-cloth_140725-8483.jpg", imageAlt: "Ənənəvi süfrə"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-breakfast-with-egg-tomato-dish-tea-cheese-butter_140725-1986.jpg", imageAlt: "Ənənəvi süfrə"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-platter-donuts-teapot-jug-marble_114579-24393.jpg", imageAlt: "Ənənəvi süfrə"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plate-with-various-pickles_140725-4051.jpg", imageAlt: "Ənənəvi süfrə"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-breakfast-set-with-eggs-black-tea-cheese-butter-honey-cucumber-tomato-jams_140725-8897.jpg", imageAlt: "Ənənəvi süfrə"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
title="Nənə Qurban"
|
||||
description="Nənənin əlinin dadı, evin istiliyi. Hər süfrədə sevgi, hər loxmada xatirə."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
buttons={[{ text: "Menyuya Bax", href: "#menu" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/baked-stuffed-pastry-with-sesame-sprinkles-served-with-tomato-sauce_141793-1855.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nənənin mətbəxindən evinə"
|
||||
buttons={[
|
||||
{
|
||||
text: "Hekayəmiz", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nənənin mətbəxindən evinə"
|
||||
description={["Biz ənənəvi reseptləri sevgi ilə hazırlayırıq.", "Nənə Qurban - keçmişin dadı, müasir təqdimat."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Düşbərə", price: "8 AZN", imageSrc: "http://img.b2bpic.net/free-photo/fruit-syrup-fruit-syrup-with-dried-berries_140725-1142.jpg"},
|
||||
{
|
||||
id: "p2", name: "Sac içi", price: "15 AZN", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-thanksgiving-day-delicious-dinner_23-2149100156.jpg"},
|
||||
{
|
||||
id: "p3", name: "Şah Plov", price: "25 AZN", imageSrc: "http://img.b2bpic.net/free-photo/rice-pilaf-with-sincan-glass-red-wine_140725-8784.jpg"},
|
||||
{
|
||||
id: "p4", name: "Qutab qarışığı", price: "5 AZN", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cup-boxes-white_176420-7487.jpg"},
|
||||
{
|
||||
id: "p5", name: "Ev şərbəti", price: "4 AZN", imageSrc: "http://img.b2bpic.net/free-photo/side-view-mix-shots-stand_141793-13018.jpg"},
|
||||
{
|
||||
id: "p6", name: "Yarpaq dolması", price: "12 AZN", imageSrc: "http://img.b2bpic.net/free-photo/traditional-azerbaijani-dovga-table_140725-5689.jpg"},
|
||||
]}
|
||||
title="Menyumuz"
|
||||
description="Nənənin ən sevimli yeməkləri"
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
title="Seçilmiş Menyu"
|
||||
description="Ənənəvi mətbəximizin inciləri"
|
||||
products={[
|
||||
{ id: "p1", name: "Düşbərə", price: "8 AZN", imageSrc: "http://img.b2bpic.net/free-photo/fruit-syrup-fruit-syrup-with-dried-berries_140725-1142.jpg" },
|
||||
{ id: "p2", name: "Sac içi", price: "15 AZN", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-thanksgiving-day-delicious-dinner_23-2149100156.jpg" },
|
||||
{ id: "p3", name: "Şah Plov", price: "25 AZN", imageSrc: "http://img.b2bpic.net/free-photo/rice-pilaf-with-sincan-glass-red-wine_140725-8784.jpg" },
|
||||
{ id: "p4", name: "Qutab", price: "5 AZN", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cup-boxes-white_176420-7487.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "İnteryer", description: "Rustik dizayn", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-high-glass-candlestick-table-near-christmas-decoration-new-year-eve-concept_132075-11262.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-workshop_23-2147773362.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950926.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Süfrə", description: "Ev istiliyi", bentoComponent: "media-stack", items: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-plated-thanksgiving-dinner-with-cutlery-decor_23-2148639030.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3093.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-table-with-desserts-drinks-flowers-cafe_23-2148001711.jpg"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Qalereya"
|
||||
description="Restoranımızın isti abu-havası"
|
||||
/>
|
||||
</div>
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureHoverPattern
|
||||
title="Xüsusi Təkliflər"
|
||||
description="Restoranımızın atmosferi və xidmətləri"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{ icon: Utensils, title: "Yerli Məhsullar", description: "Yalnız təbii və təzə inqrediyentlər" },
|
||||
{ icon: Sparkles, title: "Ənənəvi Dizayn", description: "Rustik və isti interyer" },
|
||||
{ icon: Award, title: "Qızıl Reseptlər", description: "Nənəmizin gizli reseptləri" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Rezervasiya"
|
||||
title="Masa Sifariş Et"
|
||||
description="Zəng edin və ya məlumatlarınızı daxil edin"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Masa Sifariş Et"
|
||||
description="Məlumatlarınızı daxil edin və biz sizinlə əlaqə saxlayacağıq."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Adınız" },
|
||||
{ name: "phone", type: "tel", placeholder: "Telefon nömrəniz" }
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Əlaqə", items: [
|
||||
{
|
||||
label: "+994 50 123 45 67", href: "tel:+994501234567"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Ünvan", items: [
|
||||
{
|
||||
label: "Bakı şəhəri, Azadlıq prospekti", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Nənə Qurban"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="Nənə Qurban"
|
||||
socialLinks={[{ icon: Phone, href: "tel:+994501234567", ariaLabel: "Telefon" }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user