bender/94d71198-6f8d-4c0f-8c31-64e01e32c5d5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #2

Merged
bender merged 4 commits from version_2 into main 2026-03-24 13:43:47 +00:00
Conversation 0 Commits 4 Files Changed 4 +107 -256
4 changed files with 107 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/app/layout.tsx
View File

@@ -7,12 +7,13 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { DM_Sans } from "next/font/google";
import { Montserrat } from "next/font/google";
export const metadata: Metadata = {
title: 'ToonCrafters Studios | Bringing Cartoons to Life',
description: 'ToonCrafters Studios crafts vibrant animated worlds and unforgettable characters for audiences of all ages. Explore our creations and animation services.',
title: 'Royal | Crafting Animated Kingdoms',
description: 'Royal is a cartoon company that crafts vibrant animated worlds and unforgettable characters for audiences of all ages. Explore our royal creations and animation services.',
keywords: ["cartoon company, animation studio, 2D animation, 3D animation, character design, animated series, visual storytelling"],
openGraph: {
"title": "ToonCrafters Studios | Bringing Cartoons to Life",
@@ -41,9 +42,12 @@ export const metadata: Metadata = {
},
};
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
const montserrat = Montserrat({
variable: "--font-montserrat", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export default function RootLayout({
@@ -54,7 +58,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${dmSans.variable} antialiased`}>
<body className={`${montserrat.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

325
src/app/page.tsx
View File

@@ -33,108 +33,65 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Creations",
id: "products",
},
name: "Our Royal Stories", id: "products"},
{
name: "Services",
id: "features",
},
name: "Our Royal Craft", id: "features"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="ToonCrafters Studios"
bottomLeftText="Animating Dreams"
bottomRightText="info@tooncrafters.com"
brandName="Royal"
bottomLeftText="Crafting Royal Stories"
bottomRightText="contact@royalcartoons.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "radial-gradient",
}}
title="Bringing Imagination to Life, One Frame at a Time"
description="At ToonCrafters Studios, we craft vibrant worlds and unforgettable characters that captivate audiences of all ages. Dive into a universe where creativity knows no bounds."
variant: "radial-gradient"}}
title="Bringing Royal Imagination to Life, One Frame at a Time"
description="At Royal, we craft vibrant worlds and unforgettable characters that captivate audiences of all ages. Dive into a universe where creativity knows no bounds and every story is a royal adventure."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-vector/set-vampire-characters-with-blue-face_23-2147692748.jpg",
imageAlt: "Animated fantasy landscape",
},
imageSrc: "http://img.b2bpic.net/free-vector/set-vampire-characters-with-blue-face_23-2147692748.jpg", imageAlt: "Animated fantasy landscape"},
{
imageSrc: "http://img.b2bpic.net/free-vector/flat-hand-drawn-people-medical-masks-with-placards_23-2148887624.jpg",
imageAlt: "Cute cartoon monster",
},
imageSrc: "http://img.b2bpic.net/free-vector/flat-hand-drawn-people-medical-masks-with-placards_23-2148887624.jpg", imageAlt: "Cute cartoon monster"},
{
imageSrc: "http://img.b2bpic.net/free-photo/senior-painter-using-watercolor-his-art_23-2150214851.jpg",
imageAlt: "Animation studio with creative team",
},
imageSrc: "http://img.b2bpic.net/free-photo/senior-painter-using-watercolor-his-art_23-2150214851.jpg", imageAlt: "Animation studio with creative team"},
{
imageSrc: "http://img.b2bpic.net/free-vector/city-buildings-night_23-2147504419.jpg",
imageAlt: "Animated city with flying characters",
},
imageSrc: "http://img.b2bpic.net/free-vector/city-buildings-night_23-2147504419.jpg", imageAlt: "Animated city with flying characters"},
{
imageSrc: "http://img.b2bpic.net/free-vector/pop-art-beautiful-surprised-lady_225004-848.jpg",
imageAlt: "Superhero cartoon character",
},
imageSrc: "http://img.b2bpic.net/free-vector/pop-art-beautiful-surprised-lady_225004-848.jpg", imageAlt: "Superhero cartoon character"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hacker-uses-green-screen-pc-ai-deep-learning-develop-zero-day-exploit_482257-88622.jpg",
imageAlt: "Animation software interface",
},
imageSrc: "http://img.b2bpic.net/free-photo/hacker-uses-green-screen-pc-ai-deep-learning-develop-zero-day-exploit_482257-88622.jpg", imageAlt: "Animation software interface"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-roman-empire-male-warriors_23-2150912897.jpg",
imageAlt: "Group of diverse cartoon characters",
},
imageSrc: "http://img.b2bpic.net/free-photo/view-ancient-roman-empire-male-warriors_23-2150912897.jpg", imageAlt: "Group of diverse cartoon characters"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-endless-hole-landscape_23-2151639700.jpg",
imageAlt: "Magical cartoon forest",
},
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-endless-hole-landscape_23-2151639700.jpg", imageAlt: "Magical cartoon forest"},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149831291.jpg",
imageAlt: "Creative brainstorming session",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-working-together_23-2149831291.jpg", imageAlt: "Creative brainstorming session"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-troll-beautiful-environment_23-2151541271.jpg",
imageAlt: "Flying cartoon car",
},
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-troll-beautiful-environment_23-2151541271.jpg", imageAlt: "Flying cartoon car"},
{
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-superhero-guy-isolated-green_141793-94849.jpg",
imageAlt: "Happy cartoon character excited",
},
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-superhero-guy-isolated-green_141793-94849.jpg", imageAlt: "Happy cartoon character excited"},
{
imageSrc: "http://img.b2bpic.net/free-vector/artist-work-flat-design_52683-21699.jpg",
imageAlt: "Animation production team",
},
imageSrc: "http://img.b2bpic.net/free-vector/artist-work-flat-design_52683-21699.jpg", imageAlt: "Animation production team"},
]}
buttons={[
{
text: "Explore Our Creations",
href: "#products",
},
text: "Explore Our Royal Stories", href: "#products"},
{
text: "Start Your Project",
href: "#contact",
},
text: "Join Our Royal Kingdom", href: "#contact"},
]}
carouselPosition="right"
/>
@@ -145,25 +102,17 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[]}
title="Our Story: The Heart of Animation"
description="ToonCrafters Studios began with a passion for storytelling and a dedication to the art of animation. We are a collective of talented artists, writers, and animators committed to producing high-quality, engaging content that resonates with viewers globally."
title="Our Royal Story: The Heart of Animation"
description="Royal began with a passion for storytelling and a dedication to the art of animation. We are a collective of talented artists, writers, and animators committed to producing high-quality, engaging content that resonates with viewers globally, fit for royalty."
bulletPoints={[
{
title: "Creative Storytelling",
description: "Crafting narratives that captivate and inspire audiences across all demographics.",
},
title: "Creative Storytelling", description: "Crafting narratives that captivate and inspire audiences across all demographics with a royal touch."},
{
title: "Award-Winning Artists",
description: "Our team comprises industry veterans recognized for their exceptional talent and innovation.",
},
title: "Award-Winning Artists", description: "Our team comprises industry veterans recognized for their exceptional talent and innovation in the royal court of animation."},
{
title: "Cutting-Edge Animation Tech",
description: "Utilizing the latest tools and techniques to deliver visually stunning and dynamic animation.",
},
title: "Cutting-Edge Animation Tech", description: "Utilizing the latest tools and techniques to deliver visually stunning and dynamic animation, befitting a kingdom."},
{
title: "Global Distribution Network",
description: "Bringing our creations to screens worldwide through strategic partnerships and platforms.",
},
title: "Global Distribution Network", description: "Bringing our royal creations to screens worldwide through strategic partnerships and majestic platforms."},
]}
imageSrc="http://img.b2bpic.net/free-photo/people-working-together-animation-studio_23-2149208004.jpg"
imageAlt="Animation team collaborating on a project"
@@ -178,44 +127,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "char-design",
title: "Character Design",
author: "Creative Concepts",
description: "Developing unique and memorable characters from initial sketch to final model, embodying personality and story.",
tags: [
"Concept",
"Visuals",
],
imageSrc: "http://img.b2bpic.net/free-vector/funny-variety-monsters-stickers_23-2147681164.jpg",
imageAlt: "Character design icon",
},
id: "char-design", title: "Royal Character Design", author: "Royal Visionaries", description: "Developing unique and memorable characters from initial sketch to final model, embodying personality and story worthy of a crown.", tags: [
"Concept", "Visuals"],
imageSrc: "http://img.b2bpic.net/free-vector/funny-variety-monsters-stickers_23-2147681164.jpg", imageAlt: "Character design icon"},
{
id: "storyboarding",
title: "Storyboarding & Scripting",
author: "Narrative Architects",
description: "Translating ideas into compelling visual sequences and engaging scripts that form the backbone of every animated project.",
tags: [
"Story",
"Script",
],
imageSrc: "http://img.b2bpic.net/free-vector/business-designs-set_1200-132.jpg",
imageAlt: "Storyboard film reel icon",
},
id: "storyboarding", title: "Royal Storyboarding & Scripting", author: "Royal Scribes", description: "Translating ideas into compelling visual sequences and engaging scripts that form the majestic backbone of every animated project.", tags: [
"Story", "Script"],
imageSrc: "http://img.b2bpic.net/free-vector/business-designs-set_1200-132.jpg", imageAlt: "Storyboard film reel icon"},
{
id: "animation-prod",
title: "2D & 3D Animation",
author: "Motion Wizards",
description: "Bringing characters and worlds to life with fluid motion, dynamic effects, and immersive animation techniques.",
tags: [
"Motion",
"Effects",
],
imageSrc: "http://img.b2bpic.net/free-vector/bundle-virtual-reality-technology-icons_24908-60128.jpg",
imageAlt: "3D animation software icon",
},
id: "animation-prod", title: "Royal 2D & 3D Animation", author: "Royal Animators", description: "Bringing characters and worlds to life with fluid motion, dynamic effects, and immersive animation techniques fit for a king.", tags: [
"Motion", "Effects"],
imageSrc: "http://img.b2bpic.net/free-vector/bundle-virtual-reality-technology-icons_24908-60128.jpg", imageAlt: "3D animation software icon"},
]}
title="Our Craft: Bringing Your Vision to the Screen"
description="From concept development to final render, our comprehensive animation services cover every stage of production. Let us transform your ideas into animated masterpieces."
title="Our Royal Craft: Bringing Your Vision to the Screen"
description="From concept development to final render, our comprehensive animation services cover every stage of production. Let us transform your ideas into animated masterpieces fit for a royal audience."
/>
</div>
@@ -227,32 +152,16 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "toon-adventure",
name: "The Grand Adventure",
price: "Coming Soon",
variant: "Series",
imageSrc: "http://img.b2bpic.net/free-vector/explorer-with-backpack_23-2148158049.jpg",
imageAlt: "Heroic cartoon character",
},
id: "toon-adventure", name: "Royal Kingdom Chronicles", price: "Coming Soon", variant: "Series", imageSrc: "http://img.b2bpic.net/free-vector/explorer-with-backpack_23-2148158049.jpg", imageAlt: "Royal explorer cartoon character"},
{
id: "forest-friends",
name: "Forest Friends",
price: "Streaming Now",
variant: "Shorts",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-autumn-animals-collection_23-2149036487.jpg",
imageAlt: "Cute cartoon animal character",
},
id: "forest-friends", name: "Enchanted Forest Tales", price: "Streaming Now", variant: "Shorts", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-autumn-animals-collection_23-2149036487.jpg", imageAlt: "Cute royal forest animal cartoon character"},
{
id: "star-quest",
name: "Starfall Quest",
price: "New Release",
variant: "Feature Film",
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-ginger-princess-portrait_23-2148168792.jpg",
imageAlt: "Magical girl cartoon character",
},
id: "star-quest", name: "Celestial Crown Quest", price: "New Release", variant: "Feature Film", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-ginger-princess-portrait_23-2148168792.jpg", imageAlt: "Magical royal princess cartoon character"},
{
id: "dragon-lair", name: "Dragon's Royal Lair", price: "Coming 2025", variant: "Series", imageSrc: "http://img.b2bpic.net/free-vector/cartoon-medieval-castle_23-2147775535.jpg", imageAlt: "Royal dragon protecting a castle"}
]}
title="Meet Our Stars: A Galaxy of Characters"
description="Explore the diverse roster of beloved characters that call ToonCrafters Studios home. Each creation is imbued with personality and charm, ready for their next adventure."
title="Our Royal Collection: Animated Masterpieces"
description="Explore the diverse roster of beloved characters that call Royal home. Each creation is imbued with personality and charm, ready for their next grand adventure."
/>
</div>
@@ -263,64 +172,34 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
role: "CEO, Dreamscape Media",
company: "Dreamscape Media",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",
videoAriaLabel: "Testimonial from Sarah Johnson",
},
id: "1", name: "Sarah Johnson", role: "CEO, Dreamscape Media", company: "Dreamscape Media", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg", videoAriaLabel: "Testimonial from Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
role: "Director, Pixel Arts",
company: "Pixel Arts",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-notebook_23-2149008879.jpg",
videoAriaLabel: "Testimonial from Michael Chen",
},
id: "2", name: "Michael Chen", role: "Director, Pixel Arts", company: "Pixel Arts", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-notebook_23-2149008879.jpg", videoAriaLabel: "Testimonial from Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
role: "Producer, Global Toons",
company: "Global Toons",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
videoAriaLabel: "Testimonial from Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", role: "Producer, Global Toons", company: "Global Toons", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", videoAriaLabel: "Testimonial from Emily Rodriguez"},
{
id: "4",
name: "David Kim",
role: "Founder, ImagineWorks",
company: "ImagineWorks",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-showing-thumbs-up-checkered-shirt-blouse-looking-cheerful-front-view_176474-111833.jpg",
videoAriaLabel: "Testimonial from David Kim",
},
id: "4", name: "David Kim", role: "Founder, ImagineWorks", company: "ImagineWorks", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-showing-thumbs-up-checkered-shirt-blouse-looking-cheerful-front-view_176474-111833.jpg", videoAriaLabel: "Testimonial from David Kim"},
]}
kpiItems={[
{
title: "Years Experience",
value: "15+",
icon: Award,
title: "Years of Royal Experience", value: "15+", icon: Award,
},
{
title: "Projects Completed",
value: "200+",
icon: CheckCircle,
title: "Royal Projects Completed", value: "200+", icon: CheckCircle,
},
{
title: "Client Satisfaction",
value: "98%",
icon: Star,
title: "Royal Client Satisfaction", value: "98%", icon: Star,
},
]}
title="What Our Partners Say"
description="Hear directly from clients and collaborators who have experienced the magic of working with ToonCrafters Studios. Their success stories are our greatest pride."
title="What Our Royal Partners Say"
description="Hear directly from clients and collaborators who have experienced the magic of working with Royal. Their success stories are our greatest pride, fit for a kingdom."
/>
</div>
@@ -329,16 +208,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
logos={[
"http://img.b2bpic.net/free-vector/photography-studio-logos-collection_23-2147531989.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-marketing-agency-logo_23-2150546812.jpg",
"http://img.b2bpic.net/free-vector/family-logo-collection_23-2148562465.jpg",
"http://img.b2bpic.net/free-photo/business-notes-concept-with-wooden-blocks-with-icons-notebook-pencil-sage-color-table-top-view_176474-10408.jpg",
"http://img.b2bpic.net/free-vector/creating-news-orthogonal-icons-set_1284-21481.jpg",
"http://img.b2bpic.net/free-vector/flat-code-logo-collection_23-2148811022.jpg",
"http://img.b2bpic.net/free-vector/gradient-library-logo-template_23-2149350183.jpg",
]}
title="Trusted by Industry Leaders"
description="We've had the privilege to collaborate with a variety of esteemed brands and production houses, bringing their stories to life with our unique animated touch."
"http://img.b2bpic.net/free-vector/photography-studio-logos-collection_23-2147531989.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-marketing-agency-logo_23-2150546812.jpg", "http://img.b2bpic.net/free-vector/family-logo-collection_23-2148562465.jpg", "http://img.b2bpic.net/free-photo/business-notes-concept-with-wooden-blocks-with-icons-notebook-pencil-sage-color-table-top-view_176474-10408.jpg", "http://img.b2bpic.net/free-vector/creating-news-orthogonal-icons-set_1284-21481.jpg", "http://img.b2bpic.net/free-vector/flat-code-logo-collection_23-2148811022.jpg", "http://img.b2bpic.net/free-vector/gradient-library-logo-template_23-2149350183.jpg"]}
title="Trusted by Royal Collaborators"
description="We've had the privilege to collaborate with a variety of esteemed brands and production houses, bringing their stories to life with our unique animated touch and royal flair."
speed={40}
showCard={true}
/>
@@ -349,28 +221,16 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What types of animation do you specialize in?",
content: "We specialize in both 2D and 3D animation, covering a wide range of styles from classic cartoon to modern CGI, tailored to your project's needs.",
},
id: "q1", title: "What types of animation do you specialize in at Royal?", content: "At Royal, we specialize in both 2D and 3D animation, covering a wide range of styles from classic cartoon to modern CGI, tailored to your project's royal needs."},
{
id: "q2",
title: "What is your typical project timeline?",
content: "Project timelines vary depending on complexity and scope, but we work closely with clients to establish realistic schedules and deliver on time.",
},
id: "q2", title: "What is Royal's typical project timeline?", content: "Project timelines at Royal vary depending on complexity and scope, but we work closely with clients to establish realistic schedules and deliver on time, like true royalty."},
{
id: "q3",
title: "How do you handle client revisions?",
content: "We incorporate client feedback throughout the production process, with dedicated revision stages to ensure the final product aligns perfectly with your vision.",
},
id: "q3", title: "How does Royal handle client revisions?", content: "We incorporate client feedback throughout the production process at Royal, with dedicated revision stages to ensure the final product aligns perfectly with your royal vision."},
{
id: "q4",
title: "Can you help with character development?",
content: "Absolutely! Character development is one of our core strengths. We can create original characters or adapt existing ones to fit your story.",
},
id: "q4", title: "Can Royal help with character development?", content: "Absolutely! Royal Character development is one of our core strengths. We can create original characters or adapt existing ones to fit your royal story."},
]}
sideTitle="Got Questions? We Have Answers!"
sideDescription="Find quick answers to the most common questions about our studio, services, and production process. If you don't see what you're looking for, feel free to contact us directly."
sideTitle="Royal Questions? We Have Royal Answers!"
sideDescription="Find quick answers to the most common questions about our Royal studio, services, and majestic production process. If you don't see what you're looking for, feel free to contact our royal court directly."
faqsAnimation="slide-up"
textPosition="left"
/>
@@ -380,53 +240,40 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
tag="Get in Touch"
title="Let's Create Something Amazing Together!"
description="Ready to discuss your next animation project? Contact our team today and let's bring your vision to life with creativity and expertise. We're excited to hear from you!"
variant: "animated-grid"}}
tag="Connect with Royalty"
title="Let's Create Your Next Royal Animated Masterpiece!"
description="Ready to discuss your next animation project with Royal? Contact our esteemed team today and let's bring your vision to life with creativity and expertise. We're excited to hear from you!"
buttons={[
{
text: "Request a Quote",
href: "#",
},
text: "Request a Royal Quote", href: "#"},
{
text: "Send Us a Message",
href: "#",
},
text: "Send a Royal Message", href: "#"},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="ToonCrafters Studios"
copyrightText="© 2024 ToonCrafters Studios. All rights reserved."
logoText="Royal"
copyrightText="© 2024 Royal. All rights reserved."
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/tooncrafters",
ariaLabel: "Facebook",
},
href: "https://facebook.com/royalcartoons", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com/tooncrafters",
ariaLabel: "Twitter",
},
href: "https://twitter.com/royalcartoons", ariaLabel: "Twitter"},
{
icon: Instagram,
href: "https://instagram.com/tooncrafters",
ariaLabel: "Instagram",
},
href: "https://instagram.com/royalcartoons", ariaLabel: "Instagram"},
{
icon: Linkedin,
href: "https://linkedin.com/company/tooncrafters",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/royalcartoons", ariaLabel: "LinkedIn"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

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-dm-sans), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-montserrat), sans-serif;
}

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f7f6f7;
--card: #ffffff;
--foreground: #250c0d;
--primary-cta: #b82b40;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #250c0d;
--accent: #b90941;
--background-accent: #e8a8b6;
--background: #ffffff;
--card: #f9f9f9;
--foreground: #000612e6;
--primary-cta: #106EFB;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta-text: #000612e6;
--accent: #e2e2e2;
--background-accent: #106EFB;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);