Merge version_1 into main #10
110
src/app/page.tsx
110
src/app/page.tsx
@@ -1,4 +1,5 @@
|
||||
'use client';
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
@@ -8,85 +9,94 @@ import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import { ArrowRight, Star, Mail, MapPin, Phone } from 'lucide-react';
|
||||
|
||||
const navItems = [{ name: "Home", id: "/" }];
|
||||
export default function HomePage() {
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" }
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered navItems={navItems} />
|
||||
<NavbarStyleCentered
|
||||
navItems={navItems}
|
||||
brandName="Webild"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText=".AL FARO"
|
||||
description="La pizza al taglio più desiderata"
|
||||
buttons={[{ text: "Scopri di più", href: "#prodotto" }]}
|
||||
background={{ variant: "plain" }}
|
||||
mediaAnimation="none"
|
||||
<HeroLogoBillboard
|
||||
logoText="Innovative Solutions"
|
||||
description="We provide top-tier services to help your business scale efficiently."
|
||||
buttons={[{ text: "Get Started", href: "/contact" }]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
names={["Gambero Rosso", "TripAdvisor", "Michelin Guide"]}
|
||||
title="Riconoscimenti"
|
||||
description="I nostri partner e riconoscimenti nel mondo della pizza."
|
||||
<SocialProofOne
|
||||
names={["Google", "Microsoft", "Amazon", "Netflix"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join thousands of satisfied clients."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="prodotto" data-section="prodotto">
|
||||
<MediaAbout
|
||||
title="La nostra filosofia"
|
||||
description="Qualità altissima, impasti leggeri e una varietà infinita."
|
||||
useInvertedBackground={false}
|
||||
<MediaAbout
|
||||
title="Our Approach"
|
||||
description="We believe in quality and transparency in every project we take on."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="varieta" data-section="varieta">
|
||||
<ProductCardTwo
|
||||
title="Le nostre varietà"
|
||||
description="Ogni giorno sforniamo nuove combinazioni di gusto."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
<ProductCardTwo
|
||||
title="Our Featured Products"
|
||||
description="Explore our curated selection of high-quality items."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "Brand A", name: "Product 1", price: "$99", rating: 5, reviewCount: "100", imageSrc: "/images/p1.jpg" },
|
||||
{ id: "2", brand: "Brand B", name: "Product 2", price: "$149", rating: 4, reviewCount: "85", imageSrc: "/images/p2.jpg" },
|
||||
{ id: "3", brand: "Brand C", name: "Product 3", price: "$199", rating: 5, reviewCount: "120", imageSrc: "/images/p3.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="Cosa dicono di noi"
|
||||
description="L'esperienza dei nostri clienti."
|
||||
testimonials={[]}
|
||||
<TestimonialCardOne
|
||||
title="What Clients Say"
|
||||
description="Read real stories from our community."
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", role: "CEO", company: "Tech Corp", rating: 5 },
|
||||
{ id: "t2", name: "Jane Smith", role: "CTO", company: "Web Inc", rating: 5 }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Prenota la tua esperienza"
|
||||
description="Contattaci per riservare il tuo posto da .AL FARO."
|
||||
inputs={[{ name: "name", type: "text", placeholder: "Nome" }, { name: "email", type: "email", placeholder: "Email" }]}
|
||||
useInvertedBackground={false}
|
||||
<ContactSplitForm
|
||||
title="Let's Connect"
|
||||
description="Fill out the form and we will reach out shortly."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Full Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email Address", required: true }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[]}
|
||||
bottomLeftText=".AL FARO © 2024"
|
||||
bottomRightText="Pizza al Taglio Premium"
|
||||
<FooterSimple
|
||||
columns={[{ title: "Links", items: [{ label: "Home", href: "/" }] }]}
|
||||
bottomLeftText="© 2024 Webild"
|
||||
bottomRightText="All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user