Files
e25bf366-8d17-4507-bef4-6fc…/src/app/page.tsx
2026-04-15 23:25:41 +00:00

301 lines
9.2 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="shift-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="smallMedium"
sizing="mediumLargeSizeMediumTitles"
background="floatingGradient"
cardStyle="gradient-mesh"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="radial-glow"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Meniu",
id: "#menu",
},
{
name: "Despre",
id: "#about",
},
{
name: "Franciză",
id: "#franchise",
},
{
name: "Contact",
id: "#contact",
},
]}
brandName="DABO"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
title="DABO: Respectă-ți Gustul!"
description="Experimentează gustul autentic DABO cu ingrediente de cea mai înaltă calitate. Respectăm standardele, respectăm clienții, respectăm gustul."
buttons={[
{
text: "Vezi meniul",
href: "#menu",
},
]}
carouselItems={[
{
id: "c1",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81rtcc&_wi=1",
imageAlt: "DABO Doner Specialty",
},
{
id: "c2",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ksjcgf",
imageAlt: "Fresh Ingredients",
},
{
id: "c3",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vrl7ld",
imageAlt: "Restaurant Experience",
},
{
id: "c4",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2uoy9v",
imageAlt: "Quality Preparation",
},
{
id: "c5",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ggawv",
imageAlt: "Healthy Selection",
},
{
id: "c6",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yeag5w",
imageAlt: "Dining Atmosphere",
},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
{
type: "text",
content: "De ce DABO® e DABO®?",
},
{
type: "image",
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xxelhl",
alt: "DABO Quality",
},
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyThree
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={true}
features={[
{
id: "f1",
title: "DABO Delivery",
tags: [
"Raport",
"Siguranță",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kem6eo",
imageAlt: "DABO Delivery",
},
{
id: "f2",
title: "DABO App",
tags: [
"Puncte",
"Promoții",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vgiydw",
imageAlt: "DABO App",
},
{
id: "f3",
title: "DABO Franciză",
tags: [
"Profit",
"Afacere",
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w8clpm",
imageAlt: "DABO Franchise",
},
]}
title="Servicii DABO"
description="Explorați modurile prin care vă oferim experiența noastră oriunde v-ați afla."
/>
</div>
<div id="careers" data-section="careers">
<TeamCardEleven
animationType="slide-up"
textboxLayout="split-description"
useInvertedBackground={false}
groups={[
{
id: "g1",
groupTitle: "Alătură-te echipei",
members: [
{
id: "m1",
title: "Echipa Operațională",
subtitle: "Locații naționale",
detail: "Oportunități de creștere și dezvoltare profesională.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l6qudw",
},
{
id: "m2",
title: "Management",
subtitle: "Sediul Central",
detail: "Experiență în managementul restaurantelor.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ltpwq",
},
{
id: "m3",
title: "Suport Clienți",
subtitle: "Departamentul CRM",
detail: "Rezolvăm provocări cu profesionalism.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=59zvuc",
},
],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=81rtcc&_wi=2",
imageAlt: "happy diverse restaurant team working together",
},
]}
title="Cariera ta la DABO"
description="Oamenii diferă în atât de multe feluri. De la atitudine la acțiune, alătură-te echipei noastre și crește împreună cu noi."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Cum comand prin aplicație?",
content: "Descarcă aplicația DABO din magazinul de aplicații, creează-ți cont și începe să aduni puncte de fidelitate.",
},
{
id: "q2",
title: "Unde găsesc restaurantele?",
content: "Puteți consulta secțiunea 'Restaurante' de pe site-ul nostru pentru a găsi cea mai apropiată locație.",
},
{
id: "q3",
title: "Cum devin francizat?",
content: "Aflați mai multe despre franciza DABO în secțiunea dedicată de pe site sau contactați departamentul nostru de dezvoltare.",
},
]}
title="Informații Utile"
description="Răspunsuri la cele mai frecvente întrebări despre produsele și politica noastră."
faqsAnimation="slide-up"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6j1ip"
imageAlt="Feedback și Suport"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Părerea ta e importantă pentru noi. Împărtășește cu noi experiența ta și ajută-ne să devenim mai buni în fiecare zi."
buttons={[
{
text: "Trimite Feedback",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "DABO Legal",
items: [
{
label: "Politica de confidențialitate",
href: "#",
},
{
label: "Termeni și condiții",
href: "#",
},
{
label: "Politica de cookies",
href: "#",
},
{
label: "Ingrediente și alergeni",
href: "#",
},
],
},
{
title: "DABO Info",
items: [
{
label: "Franciza DABO",
href: "#",
},
{
label: "Despre noi",
href: "#",
},
{
label: "Restaurante",
href: "#",
},
{
label: "Cariere",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 DABO International. Toate drepturile rezervate."
bottomRightText="Respectă-ți Gustul!"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}