|
|
|
|
@@ -1,65 +1,196 @@
|
|
|
|
|
"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, ClipboardCheck, BookText, 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 Automativo", description: "Registra temperature, scadenze e processi con sensori e alert automatici, riducendo gli errori umani e garantendo la conformità continua.", 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 aspetto della tua attività, con modelli predefiniti e la possibilità di personalizzazione completa.", 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 in modo sicuro e accedi istantaneamente a tutti i documenti, certificazioni, report e procedure, eliminando la carta e semplificando gli audit.", 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 dedicato dal nostro team di esperti per ogni tua esigenza, garantendo la massima efficienza.", 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 = [
|
|
|
|
|
const pricingPlans = [
|
|
|
|
|
{
|
|
|
|
|
icon: Code,
|
|
|
|
|
title: "Work with my agency",
|
|
|
|
|
description: "Work with my agency to build your MVP",
|
|
|
|
|
button: { text: "Get started", href: "#" },
|
|
|
|
|
id: "basic", badge: "Start", price: "€29/mese", subtitle: "Per piccole attività", features: ["Monitoraggio base", "1 Utente", "Supporto email", "Report mensili"],
|
|
|
|
|
buttons: [{ text: "Inizia gratis" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Sparkles,
|
|
|
|
|
title: "20% off your Webild plan",
|
|
|
|
|
description: "Use my promo code to get Webild credits",
|
|
|
|
|
button: { text: "Get credits", href: "#" },
|
|
|
|
|
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" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Users,
|
|
|
|
|
title: "Join my community",
|
|
|
|
|
description: "Join the AI Founders Club",
|
|
|
|
|
button: { text: "Sign up", href: "#" },
|
|
|
|
|
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" }]
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const testimonials = [
|
|
|
|
|
{
|
|
|
|
|
id: "t1", name: "Marco Rossi", role: "Chef, Ristorante Stellato", testimonial: "HACCP Smart 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 HACCP Smart 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'è HACCP Smart?", content: "HACCP Smart è una piattaforma software innovativa progettata per digitalizzare e semplificare la gestione del sistema HACCP (Hazard Analysis and Critical Control Points) per tutte le attività del settore alimentare e della ristorazione, garantendo 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 HACCP Smart?", content: "HACCP Smart è 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, rendendola perfetta 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="text-stagger"
|
|
|
|
|
defaultButtonVariant="expand-hover"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="gradient-bordered"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
cardStyle="soft-shadow"
|
|
|
|
|
primaryButtonStyle="gradient"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<HeroPersonalLinks
|
|
|
|
|
background={{ variant: "downward-rays-animated-grid" }}
|
|
|
|
|
title="I help people design software with AI"
|
|
|
|
|
titleSegments={titleSegments}
|
|
|
|
|
socialLinks={socialLinks}
|
|
|
|
|
linkCards={linkCards}
|
|
|
|
|
/>
|
|
|
|
|
<NavbarStyleApple brandName="HACCP Smart" navItems={navItems} />
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroLogo
|
|
|
|
|
background={{ variant: "downward-rays-static" }}
|
|
|
|
|
logoText="HACCP Smart"
|
|
|
|
|
description="La tua soluzione digitale completa per la gestione HACCP nel settore della ristorazione. Semplifica la conformità, monitora la sicurezza alimentare e ottimizza i processi con facilità."
|
|
|
|
|
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="HACCP Smart Dashboard Screenshot"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardNine
|
|
|
|
|
title="Funzionalità Chiave per la Tua Attività"
|
|
|
|
|
description="Scopri come HACCP Smart trasforma la gestione della sicurezza alimentare."
|
|
|
|
|
features={featureCards}
|
|
|
|
|
showStepNumbers={true}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardEight
|
|
|
|
|
title="Scegli il Piano Perfetto per Te"
|
|
|
|
|
description="Opzioni flessibili per ogni tipo di attività gastronomica, dalla piccola bottega al grande ristorante."
|
|
|
|
|
plans={pricingPlans}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardTwo
|
|
|
|
|
title="Cosa Dicono i Nostri Clienti"
|
|
|
|
|
description="Ascolta le esperienze di chi ha già trasformato la gestione HACCP con noi."
|
|
|
|
|
testimonials={testimonials}
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqSplitMedia
|
|
|
|
|
title="Domande Frequenti"
|
|
|
|
|
description="Tutto quello che c'è da sapere su HACCP Smart per la tua attività."
|
|
|
|
|
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"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactText
|
|
|
|
|
text="Pronto a semplificare la tua gestione HACCP? Inizia ora!"
|
|
|
|
|
buttons={[
|
|
|
|
|
{ text: "Richiedi una Demo Gratuita", href: "#" },
|
|
|
|
|
{ text: "Contattaci", href: "#" }
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterBaseReveal
|
|
|
|
|
logoText="HACCP Smart"
|
|
|
|
|
columns={footerColumns}
|
|
|
|
|
copyrightText="© 2223 HACCP Smart. Tutti i diritti riservati."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|