199 lines
8.6 KiB
TypeScript
199 lines
8.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLarge"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Início", id: "hero"},
|
|
{
|
|
name: "Cardápio", id: "products"},
|
|
{
|
|
name: "Depoimentos", id: "testimonials"},
|
|
{
|
|
name: "Contato", id: "contact"},
|
|
]}
|
|
brandName="Mega Ice"
|
|
button={{
|
|
text: "Pedir Agora", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboard
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
title="O Melhor Açaí da Região 🍇"
|
|
description="Sorvetes artesanais, creme de ninho irresistível e aquele açaí perfeito com preço justo. Sabor que conquista famílias todos os dias."
|
|
buttons={[
|
|
{
|
|
text: "Pedir no WhatsApp", href: "#contact"},
|
|
{
|
|
text: "Ver localização", href: "#contact"},
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C2Oec4Xze4uf7i9nscLxFZfW8Z/uploaded-1775580331519-umta6z6t.jpg"
|
|
imageAlt="Mega Ice Premium Açaí"
|
|
mediaAnimation="blur-reveal"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/group-friends-having-lunch-together-restaurant_23-2150520106.jpg", alt: "Jessica"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/photo-positive-young-woman-with-curly-hair-holds-appetizing-cake-with-raspberries-enjoys-eating-sweet-creamy-food-closes-eyes-from-satisfaction-dressed-pink-formal-jacket-eating-dessert_273609-60933.jpg", alt: "Nilton"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-happy-man-using-spices-while-preparing-food-kitchen_637285-3456.jpg", alt: "Kelly"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/adorable-couple-holding-ice-creams-fair_23-2148344570.jpg", alt: "Daniela"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/two-caucasian-girls-guy-with-face-diry-with-cake-cream-are-laughting-sitting-around-table-outdoors_8353-10365.jpg", alt: "Marcos"},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Sabor Irresistível"},
|
|
{
|
|
type: "text", text: "Frutas Selecionadas"},
|
|
{
|
|
type: "text", text: "Creme de Ninho"},
|
|
{
|
|
type: "text", text: "Qualidade Premium"},
|
|
{
|
|
type: "text", text: "Atendimento Rápido"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
title="O que dizem os nossos clientes"
|
|
description="Histórias de quem já experimentou e aprovou o nosso sabor."
|
|
testimonials={[
|
|
{ id: "1", name: "Jessica", role: "Cliente Fiel", testimonial: "O melhor açaí da região, sem dúvidas!" },
|
|
{ id: "2", name: "Nilton", role: "Cliente Premium", testimonial: "Atendimento excelente e qualidade incomparável." },
|
|
{ id: "3", name: "Kelly", role: "Fã de sorvete", testimonial: "O creme de ninho é simplesmente irresistível!" },
|
|
{ id: "4", name: "Daniela", role: "Cliente Recorrente", testimonial: "Sempre fresco e muito bem servido." },
|
|
{ id: "5", name: "Marcos", role: "Amante de açaí", testimonial: "Preço justo e sabor autêntico. Recomendo muito!" },
|
|
]}
|
|
className="hover:scale-[1.02] transition-transform duration-500"
|
|
carouselMode="auto"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "Açaí Premium", price: "A partir de R$ 15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258907.jpg?_wi=1"},
|
|
{
|
|
id: "p2", name: "Creme de Ninho", price: "A partir de R$ 12", imageSrc: "http://img.b2bpic.net/free-photo/vanilla-ice-cream-with-crape_1339-8296.jpg"},
|
|
{
|
|
id: "p3", name: "Sorvete Abacaxi", price: "A partir de R$ 10", imageSrc: "http://img.b2bpic.net/free-photo/front-closer-view-delicious-plain-cake-with-cream-fresh-peanuts-light_140725-31845.jpg"},
|
|
{
|
|
id: "p4", name: "Milk-shake", price: "A partir de R$ 18", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tasty-shake_23-2148601247.jpg"},
|
|
{
|
|
id: "p5", name: "Paletas Gourmet", price: "A partir de R$ 8", imageSrc: "http://img.b2bpic.net/free-photo/slices-grapefruit-orange-with-ice-cream-flat-lay_23-2148430607.jpg"},
|
|
{
|
|
id: "p6", name: "Açaí Especial", price: "A partir de R$ 22", imageSrc: "http://img.b2bpic.net/free-photo/milkshake-with-cone-chocolate-sprinkles-books-lamp-dark-surface_114579-33787.jpg"},
|
|
]}
|
|
title="Produtos Premium"
|
|
description="Feitos com ingredientes selecionados para proporcionar a melhor experiência de sabor."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyOne
|
|
useInvertedBackground={false}
|
|
title="Por que o Mega Ice?"
|
|
description="Mais do que sorvete. Uma experiência única para você e sua família."
|
|
accordionItems={[
|
|
{
|
|
id: "f1", title: "Ingredientes de Qualidade", content: "Selecionamos apenas as melhores frutas e cremes para garantir a excelência."},
|
|
{
|
|
id: "f2", title: "Preço Justo", content: "Acreditamos que a qualidade superior deve ser acessível a todos."},
|
|
{
|
|
id: "f3", title: "Ambiente Familiar", content: "Espaço projetado para o seu conforto e momentos inesquecíveis."},
|
|
{
|
|
id: "f4", title: "Atendimento Acolhedor", content: "Nossa equipe está pronta para te atender com excelência e carinho."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-delicious-acai-cereal-bowl_23-2149258907.jpg?_wi=2"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
text="Peça agora pelo WhatsApp e receba rápido! Nossa equipe está pronta para atender seu pedido."
|
|
buttons={[
|
|
{
|
|
text: "Falar no WhatsApp", href: "https://wa.me/55000000000"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Sobre nós", href: "#hero"},
|
|
{
|
|
label: "Cardápio", href: "#products"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "WhatsApp", href: "#contact"},
|
|
{
|
|
label: "Localização", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Instagram", href: "#"},
|
|
{
|
|
label: "Facebook", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Mega Ice"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |