Merge version_3 into main #5
106
src/app/page.tsx
106
src/app/page.tsx
@@ -16,98 +16,91 @@ export default function NoirPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
borderRadius="none"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noise"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "Sobre", id: "#about" },
|
||||
{ name: "Serviços", id: "#services" },
|
||||
{ name: "Críticas", id: "#testimonials" },
|
||||
{ name: "Visite-nos", id: "#visit" },
|
||||
{ name: "Contacto", id: "#contact" }
|
||||
{ name: "NOIR", id: "#hero" },
|
||||
{ name: "AGENDAR", id: "#contact" }
|
||||
]}
|
||||
brandName="Noir"
|
||||
brandName="NOIR"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
title="Noir"
|
||||
description="O vestido que te define"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="NOIR"
|
||||
description="Pure elegance, defined by silence."
|
||||
background={{ variant: "plain" }}
|
||||
mediaItems={[
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1595874609805-4f4d1e2e4f0e?auto=format&fit=crop&q=80&w=1200" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1529634519700-b8830733a1e4?auto=format&fit=crop&q=80&w=1200" },
|
||||
{ imageSrc: "https://images.unsplash.com/photo-1572804013309-59a88b7e92f1?auto=format&fit=crop&q=80&w=1200" }
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
buttons={[{ text: "Agendar Visita", href: "#contact" }]}
|
||||
mediaAnimation="opacity"
|
||||
buttons={[{ text: "AGENDAR", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Dedicação à Alta Costura"
|
||||
description="Na Noir, em Funchal, acreditamos que cada noiva merece uma experiência inesquecível. Somos especializados em vestidos de noiva de luxo e evening wear, unindo tradição e elegância moderna."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Anos de Experiência" },
|
||||
{ value: "500+", title: "Noivas Felizes" }
|
||||
]}
|
||||
title="MANIFESTO"
|
||||
description="Absolute restraint. Funchal's sanctuary for quiet luxury. We believe in the power of simplicity, form, and texture. No excess, no noise. Just the silhouette."
|
||||
metrics={[]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://images.unsplash.com/photo-1515886657613-9f3515b0c78f?auto=format&fit=crop&q=80&w=800"
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
title="Os Nossos Serviços"
|
||||
description="Serviços exclusivos para garantir a perfeição em cada detalhe do seu vestido."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
title="COLLECTION"
|
||||
description=""
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "s1", title: "Wedding Dresses", tags: ["Bridal", "Luxury"], imageSrc: "https://images.unsplash.com/photo-1524504388940-b1c1726653e1?auto=format&fit=crop&q=80&w=600" },
|
||||
{ id: "s2", title: "Luxury Women's Fashion", tags: ["Evening", "Style"], imageSrc: "https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&q=80&w=600" },
|
||||
{ id: "s3", title: "Alterations", tags: ["Bespoke", "Fit"], imageSrc: "https://images.unsplash.com/photo-1558237952-b88d37446e16?auto=format&fit=crop&q=80&w=600" }
|
||||
{ id: "s1", title: "I", tags: [], imageSrc: "https://images.unsplash.com/photo-1524504388940-b1c1726653e1?auto=format&fit=crop&q=80&w=1200" },
|
||||
{ id: "s2", title: "II", tags: [], imageSrc: "https://images.unsplash.com/photo-1490481651871-ab68de25d43d?auto=format&fit=crop&q=80&w=1200" },
|
||||
{ id: "s3", title: "III", tags: [], imageSrc: "https://images.unsplash.com/photo-1558237952-b88d37446e16?auto=format&fit=crop&q=80&w=1200" },
|
||||
{ id: "s4", title: "IV", tags: [], imageSrc: "https://images.unsplash.com/photo-1572804013309-59a88b7e92f1?auto=format&fit=crop&q=80&w=1200" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
title="Noivas Noir"
|
||||
description="Experiências inesquecíveis das nossas noivas."
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title=""
|
||||
description=""
|
||||
animationType="opacity"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jesikah W.", handle: "@jesikah", testimonial: "Um serviço verdadeiramente luxuoso e atencioso. Senti-me a noiva mais especial do mundo!", imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?auto=format&fit=crop&q=80&w=200" },
|
||||
{ id: "2", name: "Jane L.", handle: "@janel", testimonial: "A atenção aos detalhes na Noir é incomparável. O meu vestido ficou perfeito.", imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200" },
|
||||
{ id: "3", name: "Johanna G.", handle: "@johannag", testimonial: "Obrigada por todo o carinho. Encontrar o meu vestido aqui foi a melhor escolha que fiz.", imageSrc: "https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&q=80&w=200" }
|
||||
{ id: "1", name: "Anonymous", handle: "", testimonial: "A singular vision of beauty. Silence speaks volumes in their designs.", imageSrc: "" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="visit" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Visite-nos em Funchal"
|
||||
description="Noir Boutique. Estamos à sua espera."
|
||||
title="EXPERIENCE"
|
||||
description="Three pillars of Noir."
|
||||
faqs={[
|
||||
{ id: "a1", title: "Morada", content: "Rua 31 de Janeiro, 123, Funchal, Madeira" },
|
||||
{ id: "a2", title: "Telefone", content: "+351 291 123 456" },
|
||||
{ id: "a3", title: "Horário", content: "Seg-Sáb: 10:00 - 19:00" }
|
||||
{ id: "a1", title: "Location", content: "Funchal, Madeira" },
|
||||
{ id: "a2", title: "Philosophy", content: "Quiet Luxury" },
|
||||
{ id: "a3", title: "Service", content: "Private Appointments Only" }
|
||||
]}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqsAnimation="opacity"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
@@ -115,28 +108,25 @@ export default function NoirPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Agende a sua visita"
|
||||
description="Reserve um momento exclusivo para experimentar a coleção Noir."
|
||||
useInvertedBackground={true}
|
||||
title="CONSULTATION"
|
||||
description="Appointment only."
|
||||
useInvertedBackground={false}
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "O seu nome" },
|
||||
{ name: "name", type: "text", placeholder: "Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Conte-nos um pouco sobre o seu dia", rows: 4 }}
|
||||
buttonText="Agendar"
|
||||
buttonText="SUBMIT"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Noir"
|
||||
columns={[
|
||||
{ title: "Noir", items: [{ label: "Home", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Noir Funchal"
|
||||
logoText="NOIR"
|
||||
columns={[]}
|
||||
copyrightText="© 2025 NOIR"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--background: #000000;
|
||||
--card: #000000;
|
||||
--foreground: #FAFAFA;
|
||||
--primary-cta: #FAFAFA;
|
||||
--primary-cta-text: #fcf6ec;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta: #000000;
|
||||
--secondary-cta-text: #2e2521;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
--accent: #888888;
|
||||
--background-accent: #1a1a1a;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user