|
|
|
|
@@ -1,65 +1,199 @@
|
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
|
|
|
|
|
import { Code, Users, Globe, MessageCircle, Sparkles } from "lucide-react";
|
|
|
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
|
|
|
import HeroLogo from "@/components/sections/hero/HeroLogo";
|
|
|
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
|
|
|
import PricingCardEight from "@/components/sections/pricing/PricingCardEight";
|
|
|
|
|
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
|
|
|
|
|
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
|
|
|
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
|
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
|
|
|
import { ChefHat, ShieldCheck, Star } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function PersonalGridTemplatePage() {
|
|
|
|
|
const titleSegments = [
|
|
|
|
|
{ type: "text" as const, content: "I help founders" },
|
|
|
|
|
{ type: "image" as const, src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid1.webp", alt: "Damien Ghader" },
|
|
|
|
|
{ type: "text" as const, content: "build products" },
|
|
|
|
|
{ type: "image" as const, src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/personal-grid/grid2.webp", alt: "" },
|
|
|
|
|
{ type: "text" as const, content: "with AI" },
|
|
|
|
|
];
|
|
|
|
|
export default function Home() {
|
|
|
|
|
const navItems = [
|
|
|
|
|
{ name: "Home", id: "hero" },
|
|
|
|
|
{ name: "Funzionalità", id: "features" },
|
|
|
|
|
{ name: "Piani", id: "pricing" },
|
|
|
|
|
{ name: "Testimonial", id: "testimonials" },
|
|
|
|
|
{ name: "FAQ", id: "faq" },
|
|
|
|
|
{ name: "Contatti", id: "contact" }
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const socialLinks = [
|
|
|
|
|
{ icon: Globe, label: "damienghader", href: "https://twitter.com" },
|
|
|
|
|
{ icon: MessageCircle, label: "damienghader", href: "https://instagram.com" },
|
|
|
|
|
{ icon: Sparkles, label: "damienghader", href: "https://linkedin.com" },
|
|
|
|
|
];
|
|
|
|
|
const featureCards = [
|
|
|
|
|
{
|
|
|
|
|
title: "Monitoraggio Automatizzato", description: "Automatizza la registrazione di temperature e scadenze. Ricevi alert per garantire la conformità continua e ridurre gli errori.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-monitoring-1.webp" },
|
|
|
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-monitoring-2.webp" }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Piani Personalizzati", description: "Crea e gestisci piani HACCP su misura per ogni esigenza. Utilizza modelli predefiniti o personalizza completamente i tuoi protocolli.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-plans-1.webp" },
|
|
|
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-plans-2.webp" }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Gestione Documentale Integrata", description: "Archivia e accedi in sicurezza a tutti i tuoi documenti, certificazioni e report. Semplifica gli audit e digitalizza la tua attività.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-docs-1.webp" },
|
|
|
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-docs-2.webp" }
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Formazione e Supporto Costante", description: "Accedi a risorse formative aggiornate e ricevi supporto dagli esperti di getnorm.app, per una massima efficienza operativa.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-support-1.webp" },
|
|
|
|
|
phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/feature-support-2.webp" }
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const linkCards = [
|
|
|
|
|
{
|
|
|
|
|
icon: Code,
|
|
|
|
|
title: "Work with my agency",
|
|
|
|
|
description: "Work with my agency to build your MVP",
|
|
|
|
|
button: { text: "Get started", href: "#" },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Sparkles,
|
|
|
|
|
title: "20% off your Webild plan",
|
|
|
|
|
description: "Use my promo code to get Webild credits",
|
|
|
|
|
button: { text: "Get credits", href: "#" },
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Users,
|
|
|
|
|
title: "Join my community",
|
|
|
|
|
description: "Join the AI Founders Club",
|
|
|
|
|
button: { text: "Sign up", href: "#" },
|
|
|
|
|
},
|
|
|
|
|
];
|
|
|
|
|
const pricingPlans = [
|
|
|
|
|
{
|
|
|
|
|
id: "basic", badge: "Start", price: "€29/mese", subtitle: "Per piccole attività", features: ["Monitoraggio base", "1 Utente", "Supporto email", "Report mensili"],
|
|
|
|
|
buttons: [{ text: "Inizia gratis" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "pro", badge: "Popolare", badgeIcon: ChefHat,
|
|
|
|
|
price: "€59/mese", subtitle: "Per ristoranti e caffetterie", features: ["Tutto il piano Base", "5 Utenti", "Monitoraggio avanzato", "Piani personalizzati", "Supporto telefonico"],
|
|
|
|
|
buttons: [{ text: "Acquista ora" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "enterprise", badge: "Aziendale", badgeIcon: ShieldCheck,
|
|
|
|
|
price: "Contattaci", subtitle: "Per grandi catene", features: ["Tutto il piano Pro", "Utenti illimitati", "Integrazioni API", "Consulenza dedicata", "Formazione on-site"],
|
|
|
|
|
buttons: [{ text: "Richiedi un preventivo" }]
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="gradient-bordered"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
>
|
|
|
|
|
<HeroPersonalLinks
|
|
|
|
|
background={{ variant: "downward-rays-animated-grid" }}
|
|
|
|
|
title="I help people design software with AI"
|
|
|
|
|
titleSegments={titleSegments}
|
|
|
|
|
socialLinks={socialLinks}
|
|
|
|
|
linkCards={linkCards}
|
|
|
|
|
/>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
const testimonials = [
|
|
|
|
|
{
|
|
|
|
|
id: "t1", name: "Marco Rossi", role: "Chef, Ristorante Stellato", testimonial: "getnorm.app ha rivoluzionato il nostro lavoro in cucina. La gestione delle temperature e delle scadenze è ora automatica e impeccabile. Un vero game changer!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/person-1.webp", icon: Star
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "t2", name: "Giulia Verdi", role: "Proprietaria, Pasticceria Artigianale", testimonial: "Facilissimo da usare e sempre aggiornato con le normative. Il team di supporto è eccezionale, sempre pronto ad aiutare. Lo consiglio a tutte le attività!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/person-2.webp", icon: Star
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "t3", name: "Luca Bianchi", role: "Manager, Catena di Ristoranti", testimonial: "Con getnorm.app abbiamo centralizzato la gestione di più sedi. I report sono chiari, precisi e ci permettono di avere sempre il controllo totale. Indispensabile!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/person-3.webp", icon: Star
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const faqs = [
|
|
|
|
|
{
|
|
|
|
|
id: "faq1", title: "Cos'è getnorm.app?", content: "getnorm.app è la piattaforma software cloud-based che digitalizza e semplifica la gestione del sistema HACCP (Hazard Analysis and Critical Control Points) per tutte le attività del settore alimentare e della ristorazione, garantendo piena conformità e sicurezza."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "faq2", title: "È conforme alle normative vigenti?", content: "Assolutamente sì. La nostra piattaforma è costantemente aggiornata per garantire la piena conformità con le normative HACCP europee (Regolamento CE 852/2004) e le legislazioni nazionali, aiutandoti a superare audit e controlli con serenità."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "faq3", title: "Quali dispositivi sono supportati da getnorm.app?", content: "getnorm.app è una soluzione web-based completamente responsiva, accessibile da qualsiasi dispositivo (PC, tablet, smartphone) con una connessione internet. È ottimizzata per offrire la migliore esperienza utente su schermi touch, ideale per l'uso in cucina."
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: "faq4", title: "È possibile personalizzare i piani HACCP?", content: "Sì, offriamo la massima flessibilità. Puoi utilizzare i nostri modelli predefiniti come base e personalizzarli completamente per adattarli alle specifiche esigenze e ai processi unici della tua attività, dal piccolo bar alla grande catena di ristoranti."
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const footerColumns = [
|
|
|
|
|
{
|
|
|
|
|
title: "Prodotto", items: [
|
|
|
|
|
{ label: "Funzionalità", href: "#features" },
|
|
|
|
|
{ label: "Piani", href: "#pricing" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Azienda", items: [
|
|
|
|
|
{ label: "Chi siamo", href: "#" }, // Placeholder as no dedicated about page
|
|
|
|
|
{ label: "Contatti", href: "#contact" }
|
|
|
|
|
]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
title: "Risorse", items: [
|
|
|
|
|
{ label: "FAQ", href: "#faq" },
|
|
|
|
|
{ label: "Blog", href: "#" } // Placeholder as no dedicated blog page
|
|
|
|
|
]
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="expand-hover"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<NavbarStyleApple brandName="getnorm.app" navItems={navItems} />
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
logoText="getnorm.app"
|
|
|
|
|
description="Semplifica la conformità HACCP per la tua attività gastronomica. getnorm.app è la soluzione software intuitiva che automatizza la sicurezza alimentare e ottimizza la gestione nel rispetto delle normative."
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Scopri le funzionalità", href: "#features" },
|
|
|
|
|
{ text: "Richiedi una demo", href: "#contact" }
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/hero-dashboard.webp"
|
|
|
|
|
imageAlt="getnorm.app Dashboard Screenshot"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardNine
|
|
|
|
|
title="Funzionalità Essenziali per la Tua Conformità HACCP"
|
|
|
|
|
description="Scopri come getnorm.app ti aiuta a gestire la sicurezza alimentare in modo efficiente e senza stress."
|
|
|
|
|
features={featureCards}
|
|
|
|
|
showStepNumbers={true}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardEight
|
|
|
|
|
title="Piani Flessibili per Ogni Esigenza Gastronomica"
|
|
|
|
|
description="Scegli l'opzione perfetta per la tua attività, dal piccolo caffè alla grande catena di ristoranti."
|
|
|
|
|
plans={pricingPlans}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
title="Dicono di Noi: Le Esperienze dei Nostri Clienti"
|
|
|
|
|
description="Ascolta chi ha già scelto getnorm.app per una gestione HACCP più semplice ed efficace."
|
|
|
|
|
testimonials={testimonials}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqSplitMedia
|
|
|
|
|
title="Domande Frequenti su getnorm.app"
|
|
|
|
|
description="Trova risposte rapide alle tue domande sul software HACCP per la ristorazione."
|
|
|
|
|
faqs={faqs}
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/haccp-software/faq-image.webp"
|
|
|
|
|
imageAlt="Image related to frequently asked questions"
|
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
|
mediaPosition="right"
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Pronto a semplificare la gestione HACCP e garantire la conformità? Inizia con getnorm.app!"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Richiedi una Demo Gratuita", href: "#" },
|
|
|
|
|
{ text: "Contattaci", href: "#" }
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseReveal
|
|
|
|
|
logoText="getnorm.app"
|
|
|
|
|
columns={footerColumns}
|
|
|
|
|
copyrightText="© 2024 getnorm.app. Tutti i diritti riservati."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
