Merge version_3 into main #8
@@ -1,92 +1,43 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { Heart } from 'lucide-react';
|
||||
import { ThemeProvider } from "@/components/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
||||
|
||||
export default function AboutPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Inspire Store"
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Coleções", id: "products" },
|
||||
{ name: "Sobre", id: "/about" },
|
||||
{ name: "Avaliações", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "💬 WhatsApp", href: "https://wa.me/5151993108837"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Inspire Store"
|
||||
bottomLeftText="Novo Hamburgo, RS"
|
||||
bottomRightText="hello@inspire.com"
|
||||
/>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Sobre Nós"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
title="Inspire Store - Moda Feminina em Novo Hamburgo"
|
||||
description="A loja de roupa feminina em Novo Hamburgo perfeita para quem busca estilo, elegância e qualidade. Trabalhamos com roupas modernas e versáteis para o dia a dia ou ocasiões especiais, com atendimento atencioso e peças selecionadas com cuidado."
|
||||
metrics={[
|
||||
{ value: "4,8", title: "Avaliação no Google" },
|
||||
{ value: "100%", title: "Satisfação de Clientes" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/preparation-bride-wedding-most-delicate-things_8353-9148.jpg?_wi=1"
|
||||
imageAlt="Interior moderno da loja Inspire Store"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
<TextSplitAbout
|
||||
title="About Us"
|
||||
description={[
|
||||
"We are passionate about creating exceptional fashion experiences for women. Our curated collection brings together style, elegance, and quality in every piece.", "Based in Novo Hamburgo, we believe that every woman deserves clothing that makes her feel confident and beautiful. From casual wear to special occasion dresses, we have something for everyone."]}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Seção sobre a Inspire Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg"
|
||||
imageAlt="Textura de moda e elegância"
|
||||
logoText="Inspire Store"
|
||||
copyrightText="© 2025 Inspire Store - Moda Feminina em Novo Hamburgo"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação", items: [
|
||||
{ label: "Início", href: "#hero" },
|
||||
{ label: "Coleções", href: "#products" },
|
||||
{ label: "Sobre", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/5151993108837" },
|
||||
{ label: "R. Lima e Silva, 144", href: "#" },
|
||||
{ label: "Novo Hamburgo, RS", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes Sociais", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/5151993108837" },
|
||||
],
|
||||
},
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "/" },
|
||||
{ text: "Contact Us", href: "contact" },
|
||||
]}
|
||||
ariaLabel="Rodapé do site Inspire Store"
|
||||
showBorder={false}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
279
src/app/page.tsx
279
src/app/page.tsx
@@ -1,266 +1,31 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "@/components/ThemeProvider";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import { CheckCircle, Heart, MapPin, Sparkles, Star } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumSmall"
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="semibold"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Inspire Store"
|
||||
navItems={[
|
||||
{ name: "Início", id: "hero" },
|
||||
{ name: "Coleções", id: "products" },
|
||||
{ name: "Sobre", id: "/about" },
|
||||
{ name: "Avaliações", id: "testimonials" },
|
||||
{ name: "Contato", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "💬 WhatsApp", href: "https://wa.me/5151993108837"
|
||||
}}
|
||||
animateOnLoad={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
title="INSPIRE STORE "
|
||||
description="Vestidinhos femininos, camisa social feminina e looks incríveis para todas as ocasiões. Descubra a Inspire Store, sua loja de roupas femininas perfeita para estilo, elegância e qualidade."
|
||||
tag="Inspire Store"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AeEMKS6ik6cqxg5J8TiYl7neMZ/uploaded-1772945180565-67mtu15d.jpg"
|
||||
imageAlt="Modelo feminina em outfit elegante"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
buttons={[
|
||||
{ text: "🛍 Ver Coleção", href: "#products" },
|
||||
{ text: "💬 Falar no WhatsApp", href: "https://wa.me/5151993108837" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Maria Silva", handle: "Cliente satisfeita", testimonial: "Loja incrível, o bom gosto em cada detalhe e em cada peça é o que mais me encanta!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-dream-catcher_1321-1596.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
name: "Amanda Costa", handle: "Cliente frequente", testimonial: "Loja top, atendentes super atenciosos e sempre dispostos a ajudar.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
name: "Paula Oliveira", handle: "Cliente VIP", testimonial: "Atendimento maravilhoso e roupas de super qualidade. Recomendo!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg?_wi=1"
|
||||
},
|
||||
{
|
||||
name: "Fernanda Santos", handle: "Cliente nova", testimonial: "Encontrei exatamente o que procurava. Estou muito feliz com a compra!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-girl-is-raising-up-her-fisst-blue-background_176474-119362.jpg?_wi=1"
|
||||
},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Hero section com apresentação da Inspire Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
tag="Sobre Nós"
|
||||
tagIcon={Heart}
|
||||
tagAnimation="slide-up"
|
||||
title="Inspire Store - Moda Feminina em Novo Hamburgo"
|
||||
description="A loja de roupa feminina em Novo Hamburgo perfeita para quem busca estilo, elegância e qualidade. Trabalhamos com roupas modernas e versáteis para o dia a dia ou ocasiões especiais, com atendimento atencioso e peças selecionadas com cuidado."
|
||||
metrics={[
|
||||
{ value: "4,8", title: "Avaliação no Google" },
|
||||
{ value: "100%", title: "Satisfação de Clientes" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/preparation-bride-wedding-most-delicate-things_8353-9148.jpg?_wi=1"
|
||||
imageAlt="Interior moderno da loja Inspire Store"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Seção sobre a Inspire Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
title="Nossos Looks"
|
||||
description="Conheça nossa coleção especialmente selecionada de roupas femininas para todas as ocasiões"
|
||||
tag="Novidades"
|
||||
tagIcon={Sparkles}
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "vestidos", name: "Vestidos Femininos", price: "A partir de R$ 89,90", variant: "Diversos modelos e cores", imageSrc: "http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036793.jpg", imageAlt: "Coleção de vestidos femininos elegantes", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "blusas", name: "Blusas Femininas", price: "A partir de R$ 59,90", variant: "Casual e social", imageSrc: "http://img.b2bpic.net/free-photo/isolated-picture-fashionable-attractive-mature-european-woman-wearing-stylish-jacket-white-formal-shirt-getting-ready-work-morning_344912-1848.jpg", imageAlt: "Blusas femininas modernas e sofisticadas", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "calcas", name: "Calças Femininas", price: "A partir de R$ 79,90", variant: "Conforto e estilo", imageSrc: "http://img.b2bpic.net/free-photo/light-brown-beige-pants-indoors-still-life_23-2150756260.jpg", imageAlt: "Calças femininas variados estilos", isFavorited: false,
|
||||
},
|
||||
{
|
||||
id: "looks-sociais", name: "Looks Sociais", price: "A partir de R$ 129,90", variant: "Para ocasiões especiais", imageSrc: "http://img.b2bpic.net/free-photo/interested-brunette-woman-green-outfit-standing-gray-wall-indoor-shot-lovely-caucasian-girls-spending-time-photoshoot_197531-11614.jpg?_wi=1", imageAlt: "Conjuntos elegantes para eventos", isFavorited: false,
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Ver novidades no WhatsApp", href: "https://wa.me/5151993108837" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Seção de produtos e looks da Inspire Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="differentials" data-section="differentials">
|
||||
<FeatureCardTen
|
||||
title="Por que escolher a Inspire Store?"
|
||||
description="Descubra os diferenciais que nos tornam a melhor opção para moda feminina em Novo Hamburgo"
|
||||
tag="Nossos Diferenciais"
|
||||
tagAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1", title: "Peças Modernas e Elegantes", description: "Selecionamos cuidadosamente cada peça para garantir estilo, qualidade e tendência no mercado de moda feminina.", media: { imageSrc: "http://img.b2bpic.net/free-photo/preparation-bride-wedding-most-delicate-things_8353-9148.jpg?_wi=2" },
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Últimas tendências de moda" },
|
||||
{ icon: CheckCircle, text: "Qualidade premium em cada detalhe" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "2", title: "Atendimento Atencioso e Personalizado", description: "Nossa equipe está sempre pronta para ajudar você a encontrar o look perfeito com sugestões personalizadas.", media: { imageSrc: "http://img.b2bpic.net/free-photo/preparation-bride-wedding-most-delicate-things_8353-9148.jpg?_wi=3" },
|
||||
items: [
|
||||
{ icon: Heart, text: "Atendentes bem treinadas e prestativas" },
|
||||
{ icon: Star, text: "Consultoria de estilo gratuita" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
id: "3", title: "Looks para Todas as Ocasiões", description: "De peças casual para o dia a dia até looks sociais para ocasiões especiais, temos tudo que você precisa.", media: { imageSrc: "http://img.b2bpic.net/free-photo/interested-brunette-woman-green-outfit-standing-gray-wall-indoor-shot-lovely-caucasian-girls-spending-time-photoshoot_197531-11614.jpg?_wi=2" },
|
||||
items: [
|
||||
{ icon: Sparkles, text: "Roupas para trabalho e lazer" },
|
||||
{ icon: CheckCircle, text: "Coleções para eventos especiais" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
id: "4", title: "Avaliação Excelente no Google", description: "Somos uma loja bem avaliada pelos nossos clientes, com histórico comprovado de satisfação e confiança.", media: { imageSrc: "http://img.b2bpic.net/free-photo/preparation-bride-wedding-most-delicate-things_8353-9148.jpg?_wi=4" },
|
||||
items: [
|
||||
{ icon: Star, text: "Nota 4,8 estrelas no Google" },
|
||||
{ icon: Heart, text: "Centenas de clientes satisfeitos" },
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="O que nossas clientes dizem"
|
||||
cardTag="Avaliações reais"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Maria Silva", imageSrc: "http://img.b2bpic.net/free-photo/girl-dream-catcher_1321-1596.jpg?_wi=2", imageAlt: "Maria Silva, cliente satisfeita"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Amanda Costa", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg?_wi=2", imageAlt: "Amanda Costa, cliente frequente"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Paula Oliveira", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg?_wi=2", imageAlt: "Paula Oliveira, cliente VIP"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Fernanda Santos", imageSrc: "http://img.b2bpic.net/free-photo/happy-blonde-girl-is-raising-up-her-fisst-blue-background_176474-119362.jpg?_wi=2", imageAlt: "Fernanda Santos, cliente nova"
|
||||
},
|
||||
{
|
||||
id: "5", name: "Lucia Martins", imageSrc: "http://img.b2bpic.net/free-photo/girl-dream-catcher_1321-1596.jpg?_wi=3", imageAlt: "Lucia Martins, cliente satisfeita"
|
||||
},
|
||||
{
|
||||
id: "6", name: "Beatriz Rocha", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-showing-her-fist-looking-front_114579-58458.jpg?_wi=3", imageAlt: "Beatriz Rocha, cliente recorrente"
|
||||
},
|
||||
]}
|
||||
ariaLabel="Seção de avaliações de clientes"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Localização"
|
||||
title="Visite nossa loja"
|
||||
description="Estamos localizados no centro de Novo Hamburgo, prontos para atender você com excelência. Pode nos encontrar pessoalmente ou entrar em contato pelo WhatsApp para mais informações."
|
||||
tagIcon={MapPin}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Seu email"
|
||||
buttonText="Enviar"
|
||||
termsText="R. Lima e Silva, 144 - Centro, Novo Hamburgo, RS | (51) 99310-8837"
|
||||
ariaLabel="Seção de contato e localização"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg"
|
||||
imageAlt="Textura de moda e elegância"
|
||||
logoText="Inspire Store"
|
||||
copyrightText="© 2025 Inspire Store - Moda Feminina em Novo Hamburgo"
|
||||
columns={[
|
||||
{
|
||||
title: "Navegação", items: [
|
||||
{ label: "Início", href: "#hero" },
|
||||
{ label: "Coleções", href: "#products" },
|
||||
{ label: "Sobre", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contato", items: [
|
||||
{ label: "WhatsApp", href: "https://wa.me/5151993108837" },
|
||||
{ label: "R. Lima e Silva, 144", href: "#" },
|
||||
{ label: "Novo Hamburgo, RS", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Redes Sociais", items: [
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Facebook", href: "#" },
|
||||
{ label: "WhatsApp", href: "https://wa.me/5151993108837" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
ariaLabel="Rodapé do site Inspire Store"
|
||||
/>
|
||||
</div>
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Inspire Store"
|
||||
bottomLeftText="Novo Hamburgo, RS"
|
||||
bottomRightText="hello@inspire.com"
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user