bender/43d1bb94-6438-4cb9-94dc-84645ac44de6
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #5

Merged
bender merged 4 commits from version_3 into main 2026-03-04 18:39:32 +00:00
Conversation 0 Commits 4 Files Changed 4 +187 -167
4 changed files with 187 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/layout.tsx
View File

@@ -1,14 +1,13 @@
import type { Metadata } from "next";
import { Poppins } from "next/font/google";
import { Manrope } from "next/font/google";
import "./globals.css";
const poppins = Poppins({
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
subsets: ["latin"],
display: "swap"});
const manrope = Manrope({
variable: "--font-manrope", subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Au Fil De L'eau - Rénovation de Salle de Bains à Castanet-Tolosan", description: "Spécialiste de la rénovation de salle de bains à Castanet-Tolosan. Création, rénovation et installation de salles de bains modernes et fonctionnelles."};
title: "Ink Frames Studio - Professional Video Production & Editing", description: "Professional cinematic video production and editing studio founded by Anthony Riga in Toulouse. Specializing in cinematic storytelling through video."};
export default function RootLayout({
children,
@@ -16,8 +15,8 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="fr" suppressHydrationWarning>
<body className={poppins.className}>{children}
<html lang="en" suppressHydrationWarning>
<body className={manrope.variable}>{children}
<script
dangerouslySetInnerHTML={{
__html: `

321
src/app/page.tsx
View File

@@ -9,129 +9,142 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterCard from "@/components/sections/footer/FooterCard";
import Link from "next/link";
import TimelineCardStack from "@/components/cardStack/layouts/timelines/TimelineCardStack";
import {
Droplet,
Waves,
Wrench,
PenTool,
CheckCircle,
Star,
Film,
Edit,
Sparkles,
Users,
Award,
Shield,
Zap,
Star,
ArrowRight,
Phone,
MapPin,
Mail,
MapPin,
} from "lucide-react";
export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="mediumLarge"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSizeMediumTitles"
background="aurora"
cardStyle="outline"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="light"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Au Fil De L'eau"
brandName="Ink Frames Studio"
navItems={[
{ name: "Accueil", id: "/" },
{ name: "Services", id: "/services" },
{ name: "Réalisations", id: "/realisations" },
{ name: "À Propos", id: "/a-propos" },
{ name: "Contact", id: "/contact" },
{ name: "Home", id: "/" },
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Contact", id: "#contact" },
]}
button={{ text: "Demander un devis", href: "/contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Au Fil De L'eau"
description="Spécialiste de la rénovation de salle de bains à Castanet-Tolosan. Création, rénovation et installation de salles de bains modernes et fonctionnelles."
logoText="Ink Frames Studio"
description="Cinematic Storytelling Through Video"
buttons={[
{ text: "Obtenir un Devis Gratuit", href: "/contact" },
{ text: "Appeler maintenant", href: "tel:+33646333082" },
{ text: "View Our Work", href: "#portfolio" },
{ text: "Get Started", href: "#contact" },
]}
buttonAnimation="slide-up"
background={{ variant: "radial-gradient" }}
imageSrc="http://img.b2bpic.net/free-photo/backlit-mirror-minimalist-sink-spa-bathroom_169016-68891.jpg?_wi=1"
imageAlt="luxury bathroom modern bathroom design elegant bathroom lighting spa bathroom"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUMMLZxDgMkq8L9wreiohjEcgj/uploaded-1772649516718-e54jhgp6.jpg"
imageAlt="Professional video production equipment and cinematic setup"
mediaAnimation="blur-reveal"
frameStyle="card"
ariaLabel="Hero section - Au Fil De L'eau bathroom renovation"
ariaLabel="Hero section - Ink Frames Studio professional video production"
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="About Ink Frames Studio & Anthony Riga"
metrics={[
{
icon: Film,
label: "Projects Completed", value: "150+"},
{
icon: Award,
label: "Industry Awards", value: "12"},
{
icon: Users,
label: "Satisfied Clients", value: "80+"},
{
icon: Zap,
label: "Years of Experience", value: "10+"},
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
ariaLabel="About metrics section"
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
title="Nos Services"
description="Des solutions complètes pour votre salle de bain"
title="Our Services"
description="Professional video production and post-production services tailored to your vision"
tag="Services"
tagIcon={Droplet}
tagIcon={Film}
features={[
{
title: "Rénovation de Salle de Bains", description:
"Transformation complète de votre salle de bain en espace moderne et fonctionnel adapté à vos besoins.", icon: Waves,
title: "Video Editing", description:
"Expert video editing with color grading, sound design, and visual effects. We transform raw footage into compelling narratives that captivate your audience.", icon: Edit,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/small-bathroom-with-window-apartment_181624-19696.jpg?_wi=1", imageAlt: "Before bathroom renovation"
},
"https://images.unsplash.com/photo-1574375927938-d5a98e8ffe85?w=800&q=80", imageAlt: "Professional video editing workstation"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-shot-modern-house-bathroom-with-technology-art_181624-2980.jpg?_wi=1", imageAlt: "After bathroom renovation"
},
"https://images.unsplash.com/photo-1533050487297-0d71bcdd2f18?w=800&q=80", imageAlt: "Video color grading process"},
],
},
{
title: "Installation de Robinetterie", description:
"Installation professionnelle de robinetterie de qualité pour une finition soignée et durable.", icon: Waves,
title: "Post-Production", description:
"Complete post-production services including sound mixing, motion graphics, and visual effects. We ensure every frame tells your story with cinematic quality.", icon: Sparkles,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=1", imageAlt: "Premium faucet installation"
},
"https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=800&q=80", imageAlt: "Motion graphics and visual effects"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/steel-faucet-interior-modern-bathroom-with-window_169016-26975.jpg?_wi=2", imageAlt: "Modern bathroom fixtures"
},
"https://images.unsplash.com/photo-1598899134739-24c46f58b8c0?w=800&q=80", imageAlt: "Professional audio mixing studio"},
],
},
{
title: "Travaux de Plomberie", description:
"Services de plomberie fiables pour nouvelles installations ou réparations de votre système.", icon: Wrench,
title: "Cinematic Production", description:
"Full cinematic video production from concept to delivery. Our team creates visually stunning content with professional cinematography and storytelling expertise.", icon: Film,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg?_wi=1", imageAlt: "Professional plumbing installation"
},
"https://images.unsplash.com/photo-1485846234645-a62644f84728?w=800&q=80", imageAlt: "Professional camera equipment"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990698.jpg?_wi=2", imageAlt: "Plumbing maintenance and repair"
},
"https://images.unsplash.com/photo-1531482615713-2afd69097998?w=800&q=80", imageAlt: "Cinematic film production on set"},
],
},
{
title: "Design et Conseil", description:
"Conseil et conception personnalisée pour optimiser l'espace de votre salle de bain.", icon: PenTool,
title: "Creative Consultation", description:
"Strategic video consulting to bring your vision to life. We work with you from pre-production planning through final delivery, ensuring exceptional results.", icon: Zap,
mediaItems: [
{
imageSrc:
"http://img.b2bpic.net/free-photo/salesman-shows-color-swatches-lady-customer-new-kitchen-furniture_93675-134887.jpg", imageAlt: "Bathroom design consultation"
},
"https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&q=80", imageAlt: "Creative brainstorming session"},
{
imageSrc:
"http://img.b2bpic.net/free-photo/side-view-man-choosing-color_23-2149721880.jpg", imageAlt: "Custom bathroom layout"
},
"https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&q=80", imageAlt: "Creative planning and strategy"},
],
},
]}
@@ -142,74 +155,92 @@ export default function HomePage() {
/>
</div>
<div id="about" data-section="about">
<AboutMetric
title="Au Fil De L'eau : Excellence en Rénovation de Salle de Bains"
metrics={[
{
icon: CheckCircle,
label: "Travail Soigné", value: "100%"
},
{
icon: Star,
label: "Satisfaction Client", value: "5.0★"
},
{
icon: Users,
label: "Clients Satisfaits", value: "500+"
},
{
icon: Award,
label: "Années d'Expérience", value: "15+"
},
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
ariaLabel="About metrics section"
/>
<div id="portfolio" data-section="portfolio">
<TimelineCardStack
title="Creative Process Workflow"
description="Our proven cinematic production workflow takes your vision from concept to final delivery with precision and artistry"
tag="Process"
tagIcon={ArrowRight}
textboxLayout="default"
useInvertedBackground={false}
>
<div className="rounded-theme-capped bg-card border border-accent/20 p-8 space-y-4">
<h3 className="text-2xl font-bold text-foreground">Pre-Production Planning</h3>
<p className="text-foreground/80">We start with detailed storyboarding, location scouting, and strategic planning to ensure your vision is perfectly realized. Every frame is carefully designed before rolling camera.</p>
<div className="flex gap-2 flex-wrap">
<span className="px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm">Storyboarding</span>
<span className="px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm">Location Scouting</span>
<span className="px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm">Planning</span>
</div>
</div>
<div className="rounded-theme-capped bg-card border border-accent/20 p-8 space-y-4">
<h3 className="text-2xl font-bold text-foreground">Production Shoot</h3>
<p className="text-foreground/80">Professional cinematography with state-of-the-art equipment and creative direction. We capture cinematic quality footage that tells your story with visual excellence and emotional impact.</p>
<div className="flex gap-2 flex-wrap">
<span className="px-3 py-1 rounded-full bg-accent/10 text-accent text-sm">4K Cinema</span>
<span className="px-3 py-1 rounded-full bg-accent/10 text-accent text-sm">Professional Crew</span>
<span className="px-3 py-1 rounded-full bg-accent/10 text-accent text-sm">Lighting Design</span>
</div>
</div>
<div className="rounded-theme-capped bg-card border border-accent/20 p-8 space-y-4">
<h3 className="text-2xl font-bold text-foreground">Post-Production Excellence</h3>
<p className="text-foreground/80">Advanced color grading, sound design, motion graphics, and visual effects. Our post-production team brings cinematic mastery to every project, creating content that stands out.</p>
<div className="flex gap-2 flex-wrap">
<span className="px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm">Color Grading</span>
<span className="px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm">Sound Design</span>
<span className="px-3 py-1 rounded-full bg-primary-cta/10 text-primary-cta text-sm">VFX</span>
</div>
</div>
<div className="rounded-theme-capped bg-card border border-accent/20 p-8 space-y-4">
<h3 className="text-2xl font-bold text-foreground">Final Delivery</h3>
<p className="text-foreground/80">Polished final deliverables optimized for your platforms. From cinema distribution to social media, we ensure your content looks stunning everywhere it appears.</p>
<div className="flex gap-2 flex-wrap">
<span className="px-3 py-1 rounded-full bg-accent/10 text-accent text-sm">Multiple Formats</span>
<span className="px-3 py-1 rounded-full bg-accent/10 text-accent text-sm">Quality Control</span>
<span className="px-3 py-1 rounded-full bg-accent/10 text-accent text-sm">Support</span>
</div>
</div>
</TimelineCardStack>
</div>
<div id="testimonials" data-section="testimonials">
<div id="skills" data-section="skills">
<TestimonialCardThirteen
title="Ce que Disent nos Clients"
description="Découvrez les avis de nos clients satisfaits"
title="Client Testimonials"
description="What our satisfied clients say about our cinematic video production"
testimonials={[
{
id: "1", name: "Marie Dubois", handle: "@mariedubois", testimonial:
"Très belle réalisation dans la rénovation totale de notre salle de bain. Travail intense et soigné. Monsieur Redon est très sympathique et professionnel.", rating: 5,
id: "1", name: "Marie Leclerc", handle: "@marieleclerc", testimonial:
"Ink Frames Studio transformed our brand vision into stunning cinematic content. Anthony's expertise and attention to detail are exceptional.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=1", imageAlt: "Marie Dubois"
},
"https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&h=150&fit=crop", imageAlt: "Marie Leclerc"},
{
id: "2", name: "Pierre Martin", handle: "@pimartin", testimonial:
"Excellent travail et respect des délais. L'équipe a été très professionnelle et à l'écoute de nos besoins. Je recommande vivement!", rating: 5,
id: "2", name: "Pierre Rousseau", handle: "@prousseau", testimonial:
"Working with Ink Frames Studio was a game-changer. The cinematic quality and professional approach exceeded our expectations completely.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Pierre Martin"
},
"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&h=150&fit=crop", imageAlt: "Pierre Rousseau"},
{
id: "3", name: "Sophie Laurent", handle: "@sophielaurent", testimonial:
"Une transformation remarquable de notre salle de bain. Les finitions sont impeccables et le rendu dépasse nos attentes.", rating: 5,
id: "3", name: "Sophie Bernard", handle: "@sbernard", testimonial:
"The creative process was collaborative and inspiring. Our video became a powerful marketing asset that resonates with our audience.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=2", imageAlt: "Sophie Laurent"
},
"https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&h=150&fit=crop", imageAlt: "Sophie Bernard"},
{
id: "4", name: "Jean Bernard", handle: "@jbernard", testimonial:
"Très satisfait du résultat. L'équipe a su écouter notre vision et la concrétiser avec expertise et créativité.", rating: 5,
id: "4", name: "Laurent Dubois", handle: "@ldubois", testimonial:
"Professionalism, creativity, and technical excellence. Ink Frames Studio delivers cinematic quality on every project. Highly recommended!", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Jean Bernard"
},
"https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=150&h=150&fit=crop", imageAlt: "Laurent Dubois"},
{
id: "5", name: "Isabelle Fournier", handle: "@isabfournier", testimonial:
"Travail de qualité, ponctualité impeccable et équipe sympathique. Notre salle de bain est devenue un havre de paix!", rating: 5,
id: "5", name: "Isabelle Moreau", handle: "@imoreau", testimonial:
"From concept to delivery, Anthony and team guided us through a seamless production. The final product was cinema-quality perfection.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg?_wi=3", imageAlt: "Isabelle Fournier"
},
"https://images.unsplash.com/photo-1507876466836-36b3c7f0bda7?w=150&h=150&fit=crop", imageAlt: "Isabelle Moreau"},
{
id: "6", name: "Claude Moreau", handle: "@cmoreau", testimonial:
"Je recommande sans hésiter. Professionnalisme, savoir-faire et respect du budget. Un vrai artisan!", rating: 5,
id: "6", name: "Thomas Martin", handle: "@tmartin", testimonial:
"Outstanding cinematography and post-production work. Ink Frames Studio truly understands how to tell compelling visual stories.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "Claude Moreau"
},
"https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?w=150&h=150&fit=crop", imageAlt: "Thomas Martin"},
]}
showRating={true}
animationType="slide-up"
@@ -219,54 +250,47 @@ export default function HomePage() {
/>
</div>
<div id="social-proof" data-section="social-proof">
<div id="brands" data-section="brands">
<SocialProofOne
title="Partenaires et Marques de Confiance"
description="Nous travaillons avec les meilleures marques pour vous offrir des produits et services de qualité supérieure"
tag="Partenaires"
tagIcon={Shield}
title="Trusted by Industry Leaders"
description="We've had the privilege of creating cinematic content for innovative brands and organizations"
tag="Partners"
tagIcon={Sparkles}
names={[
"Grohe", "Hansgrohe", "Villeroy & Boch", "Duravit", "Ideal Standard", "Kohler", "Toto", "Roca"
]}
"Toulouse Film Festival", "Media Agencies", "Production Companies", "Corporate Brands", "Creative Studios", "Digital Platforms", "Entertainment Networks", "Content Creators"]}
textboxLayout="default"
useInvertedBackground={true}
speed={40}
showCard={true}
ariaLabel="Social proof section"
ariaLabel="Trusted brands section"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
sideTitle="Questions Fréquemment Posées"
sideDescription="Trouvez des réponses à vos questions sur nos services de rénovation de salle de bains."
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our video production and editing services"
faqs={[
{
id: "1", title: "Combien de temps prend une rénovation complète de salle de bains?", content:
"La durée dépend de la complexité du projet, mais généralement une rénovation complète prend entre 3 à 6 semaines. Nous vous fournirons un calendrier précis lors de la consultation initiale."
},
id: "1", title: "What is included in your video production service?", content:
"Our full video production service includes pre-production planning, professional cinematography, color grading, sound design, motion graphics, visual effects, and final delivery. We handle every aspect from concept to completion."},
{
id: "2", title: "Proposez-vous une garantie sur les travaux?", content:
"Oui, tous nos travaux sont couverts par une garantie. Nous offrons une garantie de 2 ans sur la main-d'œuvre et nous respectons les garanties constructeurs sur tous les matériaux."
},
id: "2", title: "How long does a typical video project take?", content:
"Project timelines vary based on complexity and scope. A simple edit might take 1-2 weeks, while a full cinematic production can take 6-12 weeks. We provide detailed timelines during our initial consultation."},
{
id: "3", title: "Faites-vous aussi des petits travaux de plomberie?", content:
"Absolument! Nous intervenons pour tout type de travaux, des petites réparations aux rénovations complètes. N'hésitez pas à nous contacter pour vos besoins."
},
id: "3", title: "Do you offer color grading and sound design?", content:
"Yes! Professional color grading and sound design are core services we provide. We believe these elements are crucial to achieving cinematic quality and emotional impact in every project."},
{
id: "4", title: "Comment obtenir un devis?", content:
"Vous pouvez nous contacter par téléphone au 06 46 33 30 82, par email ou via notre formulaire de contact. Nous nous déplaçons pour voir votre salle de bains et établir un devis personnalisé sans engagement."
},
id: "4", title: "Can you work with footage from multiple cameras?", content:
"Absolutely! We're experienced working with footage from various camera types and resolutions. Our team can seamlessly blend different sources and maintain color and audio consistency throughout."},
{
id: "5", title: "Travaillez-vous aussi le week-end ou les soirs?", content:
"Nous sommes ouverts du lundi au vendredi de 07h00 à 20h00. Nous pouvons étudier les demandes spéciales selon votre disponibilité. Contactez-nous pour discuter de vos contraintes d'horaires."
},
id: "5", title: "What formats do you deliver in?", content:
"We deliver in multiple formats optimized for your specific needs - cinema distribution, streaming platforms, social media, or broadcast. We ensure your content looks stunning on every platform."},
{
id: "6", title: "Proposez-vous du design et des conseils?", content:
"Oui, nous offrons des services complets de consultation et de design. Notre équipe vous aidera à optimiser l'espace et à choisir les meilleures solutions pour votre salle de bains."
},
id: "6", title: "How do we get started with a project?", content:
"Contact us to schedule an initial consultation. We'll discuss your vision, project requirements, timeline, and budget. After understanding your needs, we'll provide a detailed proposal and timeline."},
]}
buttons={[{ text: "Contactez-nous", href: "/contact" }]}
buttons={[{ text: "Contact Us", href: "#contact" }]}
faqsAnimation="slide-up"
textPosition="left"
useInvertedBackground={false}
@@ -276,23 +300,20 @@ export default function HomePage() {
/>
</div>
<div id="footer" data-section="footer">
<div id="contact" data-section="contact">
<FooterCard
logoText="Au Fil De L'eau"
copyrightText="© 2025 Au Fil De L'eau | Rénovation de Salle de Bains à Castanet-Tolosan"
logoText="Ink Frames Studio"
copyrightText="© 2025 Ink Frames Studio | Professional Video Production & Editing in Toulouse"
socialLinks={[
{
icon: Mail,
href: "mailto:contact@inkframesstudio.com", ariaLabel: "Email us"},
{
icon: Phone,
href: "tel:+33646333082", ariaLabel: "Call us"
},
href: "tel:+33612345678", ariaLabel: "Call us"},
{
icon: MapPin,
href: "https://maps.google.com/?q=Au+Fil+De+L%27eau,+Castanet-Tolosan", ariaLabel: "Visit us on map"
},
{
icon: Mail,
href: "mailto:contact@aufildeleau.fr", ariaLabel: "Email us"
},
href: "https://maps.google.com/?q=Toulouse,France", ariaLabel: "Visit us on map"},
]}
ariaLabel="Site footer"
/>

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-manrope), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-inter), sans-serif;
font-family: var(--font-manrope), sans-serif;
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #fffefe;
--card: #f6f7f4;
--foreground: #080908;
--primary-cta: #0e3a29;
--background: #000000;
--card: #0c0c0c;
--foreground: #ffffff;
--primary-cta: #cee7ff;
--primary-cta-text: #fffefe;
--secondary-cta: #e7eecd;
--secondary-cta: #000000;
--secondary-cta-text: #080908;
--accent: #35c18b;
--background-accent: #ecebe4;
--accent: #535353;
--background-accent: #cee7ff;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);