Merge version_2 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Star, MapPin, Phone, MessageSquare } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,196 +29,88 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Cardápio", id: "products" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Açaí & Suco Fresh"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Sobre", id: "about" },
|
||||
{ name: "Cardápio", id: "products" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
brandName="Ju Saramenha"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Açaí & Suco Fresh"
|
||||
description="O verdadeiro sabor da natureza em cada tigela. Refrescante, saudável e preparado na hora para você."
|
||||
buttons={[
|
||||
{ text: "Peça Agora", href: "#products" },
|
||||
{ text: "Saiba Mais", href: "#about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788577.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="fresh acai bowl fruit healthy"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Açaí, Sucos e Vitaminas da Ju Saramenha"
|
||||
description="O melhor açaí da região, sucos naturais revigorantes e vitaminas completas preparadas com todo carinho na Av. Saramenha, 1539."
|
||||
buttons={[
|
||||
{ text: "Peça Agora", href: "https://wa.me/5500000000000" },
|
||||
{ text: "Cardápio", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Nutrição de verdade"
|
||||
description="Comprometidos com a saúde e bem-estar, selecionamos as melhores frutas e o açaí mais puro do mercado, garantindo uma experiência autêntica e revigorante."
|
||||
metrics={[
|
||||
{ value: "100%", title: "Frutas Frescas" },
|
||||
{ value: "24h", title: "Energia Natural" },
|
||||
{ value: "50+", title: "Opções no Cardápio" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-female-hands-slicing-peach-with-knife-cutting-board-cherry-juice-with-jar-cherry-basket-apricot-with-pears-white-background_141793-27581.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
imageAlt="fresh acai production natural ingredients"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Sobre Nós"
|
||||
description="Na Ju Saramenha, nossa missão é oferecer saúde e sabor. Localizados estrategicamente na Av. Saramenha, 1539, somos especialistas em transformar frutas frescas em experiências inesquecíveis."
|
||||
metrics={[
|
||||
{ value: "5.0", title: "Nota no Google" },
|
||||
{ value: "1539", title: "Localização Av. Saramenha" },
|
||||
{ value: "Premium", title: "Qualidade Garantida" },
|
||||
]}
|
||||
tag="Nossa História"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Ingredientes Naturais", description: "Sem conservantes ou corantes artificiais, apenas fruta real.", imageSrc: "http://img.b2bpic.net/free-photo/washing-red-cherries-water_114579-12047.jpg", imageAlt: "fresh fruit juice extraction"},
|
||||
{
|
||||
title: "Preparo Imediato", description: "Tudo fresco para garantir a melhor textura e qualidade nutricional.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-smoothie-glass_23-2148933359.jpg", imageAlt: "acai bowl with granola berries"},
|
||||
{
|
||||
title: "Sustentabilidade", description: "Embalagens conscientes e apoio à produção local.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-healthy-life-written-notepad-round-platter-cut-vegetables-white-wooden-surface_140725-63502.jpg", imageAlt: "organic acai berries heap"},
|
||||
]}
|
||||
title="Por que escolher nossa marca?"
|
||||
description="Combinamos sabor, saúde e praticidade em cada detalhe do nosso serviço."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
title="Nosso Cardápio"
|
||||
description="Escolha entre nossas deliciosas opções de açaí, sucos naturais e vitaminas energizantes."
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{ id: "a1", brand: "Açaí", name: "Açaí da Ju", price: "R$ 18,00", rating: 5, reviewCount: "200", imageSrc: "https://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788577.jpg" },
|
||||
{ id: "s1", brand: "Suco", name: "Suco de Laranja", price: "R$ 8,00", rating: 5, reviewCount: "150", imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-pouring-smoothie-glass_23-2148933359.jpg" },
|
||||
{ id: "v1", brand: "Vitamina", name: "Vitamina de Morango", price: "R$ 12,00", rating: 5, reviewCount: "180", imageSrc: "https://img.b2bpic.net/free-photo/side-view-female-hands-slicing-peach-with-knife-cutting-board-cherry-juice-with-jar-cherry-basket-apricot-with-pears-white-background_141793-27581.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", brand: "Bowl", name: "Açaí Clássico", price: "R$ 18,90", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788549.jpg", imageAlt: "acai bowl with strawberries banana"},
|
||||
{
|
||||
id: "p2", brand: "Bowl", name: "Açaí Nutricional", price: "R$ 22,90", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168839.jpg", imageAlt: "acai bowl with strawberries banana"},
|
||||
{
|
||||
id: "p3", brand: "Bowl", name: "Bowl Tropical", price: "R$ 25,90", rating: 5,
|
||||
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/healthy-delicious-smoothie-bowl-with-fresh-fruits_23-2151974578.jpg", imageAlt: "acai bowl with strawberries banana"},
|
||||
{
|
||||
id: "p4", brand: "Suco", name: "Laranja e Cenoura", price: "R$ 12,00", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/ceramic-bowl-delicious-acai-brazilian-dessert_23-2149788580.jpg", imageAlt: "acai bowl with strawberries banana"},
|
||||
{
|
||||
id: "p5", brand: "Suco", name: "Verde Detox", price: "R$ 15,00", rating: 5,
|
||||
reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-tasty-cup-acai-dessert-with-strawberries_23-2149871580.jpg", imageAlt: "acai bowl with strawberries banana"},
|
||||
{
|
||||
id: "p6", brand: "Bowl", name: "Bowl Power", price: "R$ 28,90", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-berries-bowl-appetizing-red-currants-grapes-grey-table_140725-71293.jpg", imageAlt: "acai bowl with strawberries banana"},
|
||||
]}
|
||||
title="Nossos favoritos"
|
||||
description="Escolha a sua tigela ou suco favorito e aproveite toda a energia que você precisa."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
title="O que dizem os clientes"
|
||||
description="Nota 5.0 baseada em avaliações reais de nossos clientes."
|
||||
showRating={true}
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Cliente Satisfeito", handle: "@cliente", testimonial: "Melhor açaí da região, muito bem servido e ingredientes frescos!", rating: 5, icon: Star },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Ana Silva", handle: "@ana_fit", testimonial: "O açaí mais puro que já provei, super cremoso!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg"},
|
||||
{
|
||||
id: "2", name: "Carlos Souza", handle: "@carlos_tech", testimonial: "Atendimento rápido e produtos sempre frescos.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-food-blogger-opening-saucepan-with-vegetable-meal-leaning-table-posing-camera-smiling-vertical-shot-cooking-home-concept_74855-6801.jpg"},
|
||||
{
|
||||
id: "3", name: "Beatriz Lima", handle: "@bia_lim", testimonial: "Meu lugar favorito para tomar um suco detox.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chopped-various-vegetables-plate_114579-86126.jpg"},
|
||||
{
|
||||
id: "4", name: "Fernando Rocha", handle: "@fer_rocha", testimonial: "Excelente custo-benefício e qualidade incrível.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-berries-outdoors_23-2150062906.jpg"},
|
||||
{
|
||||
id: "5", name: "Marina Costa", handle: "@mari_costa", testimonial: "Vibrante e super saudável, adoro as opções de toppings.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-hands-holding-basket-fruits-as-apricot-peach-with-cherries-pears-blue-background_141793-25373.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="O que nossos clientes dizem"
|
||||
description="A melhor escolha para o pós-treino ou um lanche saudável."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
title="Entre em Contato"
|
||||
description="Estamos na Av. Saramenha 1539. Venha nos visitar ou faça seu pedido pelo WhatsApp!"
|
||||
buttonText="WhatsApp"
|
||||
onSubmit={(email) => console.log("Form submitted", email)}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Nossos Números"
|
||||
tag="Estatísticas"
|
||||
metrics={[
|
||||
{ id: "m1", value: "15k", description: "Tigelas Servidas" },
|
||||
{ id: "m2", value: "5k", description: "Litros de Suco Natural" },
|
||||
{ id: "m3", value: "12", description: "Frutas diferentes" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "Vocês possuem opção sem açúcar?", content: "Sim, temos a opção de açaí puro zero açúcar."},
|
||||
{
|
||||
id: "q2", title: "Fazemos entregas?", content: "Sim, atendemos via delivery em toda a região central."},
|
||||
{
|
||||
id: "q3", title: "Os toppings são extras?", content: "Algumas combinações já acompanham, mas você pode adicionar à vontade."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-black-blueberries-with-scarf-it-wooden-table_181624-15474.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Dúvidas frequentes"
|
||||
description="Tire suas dúvidas sobre nossos serviços."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="fresh acai production natural ingredients"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contato"
|
||||
title="Fale com a gente"
|
||||
description="Deseja fazer um pedido ou saber mais sobre nossa franquia? Mande uma mensagem."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/croissant-boiled-egg-orange-juice-breakfast-tray-balcony_176474-2602.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="left"
|
||||
imageAlt="fresh fruit juice shop contact"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Açaí & Suco Fresh"
|
||||
columns={[
|
||||
{
|
||||
title: "Empresa", items: [
|
||||
{ label: "Sobre", href: "#about" },
|
||||
{ label: "Cardápio", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Suporte", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contato", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Ju Saramenha"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Home", href: "#hero" }, { label: "Cardápio", href: "#products" }] },
|
||||
{ title: "Contato", items: [{ label: "WhatsApp", href: "#contact" }, { label: "Localização", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #fffefe;
|
||||
--card: #f6f7f4;
|
||||
--foreground: #080908;
|
||||
--primary-cta: #0e3a29;
|
||||
--background: #ffffff;
|
||||
--card: #fdfdfd;
|
||||
--foreground: #3b0764;
|
||||
--primary-cta: #7e22ce;
|
||||
--primary-cta-text: #fffefe;
|
||||
--secondary-cta: #e7eecd;
|
||||
--secondary-cta: #facc15;
|
||||
--secondary-cta-text: #080908;
|
||||
--accent: #35c18b;
|
||||
--background-accent: #ecebe4;
|
||||
--accent: #facc15;
|
||||
--background-accent: #f3e8ff;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user