335 lines
9.6 KiB
TypeScript
335 lines
9.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="blurBottom"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "Come Funziona",
|
|
id: "how-it-works",
|
|
},
|
|
{
|
|
name: "Personalizza",
|
|
id: "personalization",
|
|
},
|
|
{
|
|
name: "Prezzi",
|
|
id: "pricing",
|
|
},
|
|
]}
|
|
brandName="ecoFood"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "gradient-bars",
|
|
}}
|
|
title="Più energia per i tuoi esami"
|
|
description="Ottieni ogni settimana una box di snack personalizzati, pensati per aiutarti a studiare meglio e vivere sano, direttamente nel tuo campus."
|
|
buttons={[
|
|
{
|
|
text: "Inizia Ora",
|
|
href: "#pricing",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/healthy-food-around-notebook-with-doodles_23-2147866371.jpg?_wi=1"
|
|
imageAlt="Studente felice con snack ecoFood"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg",
|
|
alt: "Studente 1",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-fork_23-2149151667.jpg",
|
|
alt: "Studente 2",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-delivery-girl-red-polo-shirt-yellow-cap-holding-stack-pizza-boxes-looking-camera-smiling-cheerfully-showing-thumbs-up_141793-28742.jpg",
|
|
alt: "Studente 3",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/healthy-food-around-notebook-with-doodles_23-2147866371.jpg",
|
|
alt: "Studente 4",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg",
|
|
alt: "Studente 5",
|
|
},
|
|
]}
|
|
avatarText="Unisciti a 5.000+ studenti felici"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Snack Bio",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Consegna Rapida",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Opzioni Vegan",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Prezzi Studente",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Energia Pura",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="how-it-works" data-section="how-it-works">
|
|
<FeatureCardTwentySix
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Scegli i tuoi gusti",
|
|
description: "Seleziona dolci, salati o opzioni salutari dal nostro menù online.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg?_wi=1",
|
|
buttonIcon: "Zap",
|
|
},
|
|
{
|
|
title: "Prepariamo la tua Box",
|
|
description: "Il nostro team seleziona snack di alta qualità per ogni tua richiesta.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-fork_23-2149151667.jpg?_wi=1",
|
|
buttonIcon: "Package",
|
|
},
|
|
{
|
|
title: "Ricevila ogni lunedì",
|
|
description: "La tua box arriva fresca ogni inizio settimana per iniziare al meglio.",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-girl-red-polo-shirt-yellow-cap-holding-stack-pizza-boxes-looking-camera-smiling-cheerfully-showing-thumbs-up_141793-28742.jpg?_wi=1",
|
|
buttonIcon: "Truck",
|
|
},
|
|
]}
|
|
title="Come funziona ecoFood"
|
|
description="Tre semplici passi per ricevere il tuo carburante energetico settimanale."
|
|
/>
|
|
</div>
|
|
|
|
<div id="personalization" data-section="personalization">
|
|
<InlineImageSplitTextAbout
|
|
useInvertedBackground={false}
|
|
heading={[
|
|
{
|
|
type: "text",
|
|
content: "Il tuo snack, le tue regole.",
|
|
},
|
|
{
|
|
type: "image",
|
|
src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-fork_23-2149151667.jpg",
|
|
alt: "Personalizzazione snack",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardEight
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "basic",
|
|
badge: "Base",
|
|
price: "€19/sett",
|
|
subtitle: "Snack perfetti per sessioni brevi",
|
|
buttons: [
|
|
{
|
|
text: "Seleziona",
|
|
href: "#",
|
|
},
|
|
],
|
|
features: [
|
|
"5 Snack inclusi",
|
|
"Scelta settimanale",
|
|
"Consegna gratuita",
|
|
],
|
|
},
|
|
{
|
|
id: "pro",
|
|
badge: "Studente Pro",
|
|
price: "€29/sett",
|
|
subtitle: "Per chi studia intensamente",
|
|
buttons: [
|
|
{
|
|
text: "Seleziona",
|
|
href: "#",
|
|
},
|
|
],
|
|
features: [
|
|
"10 Snack inclusi",
|
|
"Opzione extra salutare",
|
|
"Priority delivery",
|
|
"Snack a sorpresa",
|
|
],
|
|
},
|
|
{
|
|
id: "team",
|
|
badge: "Gruppo Studio",
|
|
price: "€49/sett",
|
|
subtitle: "Condividi l'energia con i compagni",
|
|
buttons: [
|
|
{
|
|
text: "Seleziona",
|
|
href: "#",
|
|
},
|
|
],
|
|
features: [
|
|
"20 Snack inclusi",
|
|
"Mix completo",
|
|
"Consegna ultra veloce",
|
|
"Regalo sorpresa",
|
|
],
|
|
},
|
|
]}
|
|
title="Scegli il tuo piano"
|
|
description="Abbonamento flessibile, cancellabile in qualsiasi momento."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
title="Cosa dicono i nostri studenti"
|
|
description="Migliaia di studenti hanno già scelto di potenziare le proprie sessioni di studio."
|
|
kpiItems={[
|
|
{
|
|
value: "5000+",
|
|
label: "Studenti attivi",
|
|
},
|
|
{
|
|
value: "12k+",
|
|
label: "Box consegnate",
|
|
},
|
|
{
|
|
value: "4.9/5",
|
|
label: "Rating medio",
|
|
},
|
|
]}
|
|
testimonials={[
|
|
{
|
|
id: "t1",
|
|
name: "Giulia",
|
|
role: "Studente",
|
|
company: "Politecnico",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/healthy-food-around-notebook-with-doodles_23-2147866371.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t2",
|
|
name: "Marco",
|
|
role: "Studente",
|
|
company: "Università",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-nutritional-counter-app-composition_23-2149880622.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t3",
|
|
name: "Sofia",
|
|
role: "Studente",
|
|
company: "Bocconi",
|
|
rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-fork_23-2149151667.jpg?_wi=2",
|
|
},
|
|
{
|
|
id: "t4",
|
|
name: "Luca",
|
|
role: "Studente",
|
|
company: "Statale",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-girl-red-polo-shirt-yellow-cap-holding-stack-pizza-boxes-looking-camera-smiling-cheerfully-showing-thumbs-up_141793-28742.jpg?_wi=2",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{
|
|
title: "ecoFood",
|
|
items: [
|
|
{
|
|
label: "Chi Siamo",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Blog",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Supporto",
|
|
items: [
|
|
{
|
|
label: "FAQ",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Contatti",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
{
|
|
title: "Legale",
|
|
items: [
|
|
{
|
|
label: "Privacy",
|
|
href: "#",
|
|
},
|
|
{
|
|
label: "Termini",
|
|
href: "#",
|
|
},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 ecoFood. Tutti i diritti riservati."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|