Update src/app/styles/variables.css

Merge version_1 into main

src/app/layout.tsx

@@ -41,14 +41,13 @@ export const metadata: Metadata = {
   },
 };
 
+
 const libreBaskerville = Libre_Baskerville({
-  variable: "--font-libre-baskerville",
+  variable: "--font-libre-baskerville",  subsets: ["latin"],
-  subsets: ["latin"],
   weight: ["400", "700"],
 });
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export default function RootLayout({

src/app/page.tsx

@@ -18,15 +18,15 @@ export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+        borderRadius="rounded"
-        contentWidth="smallMedium"
+        contentWidth="mediumLarge"
-        sizing="largeSmallSizeLargeTitles"
+        sizing="mediumLargeSizeLargeTitles"
-        background="noise"
+        background="floatingGradient"
-        cardStyle="soft-shadow"
+        cardStyle="glass-elevated"
-        primaryButtonStyle="shadow"
+        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
-        headingFontWeight="bold"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -57,8 +57,8 @@ export default function LandingPage() {
       <HeroBillboardCarousel
       background={{
         variant: "radial-gradient"}}
-      title="WE DON’T JUST CREATE CONTENT.\\nWE TRANSFORM HOW PEOPLE PERCEIVE YOUR BRAND."
+      title="WE DON’T JUST CREATE CONTENT.\nWE TRANSFORM HOW PEOPLE PERCEIVE YOUR BRAND."
-      description="Brand Arc Theory is a cinematic branding and visual strategy agency that helps businesses become unforgettable through storytelling, premium design, and strategic brand positioning.\\nFrom luxury hospitality brands to modern lifestyle businesses, we create powerful visual experiences that build trust, emotion, and lasting customer connection."
+      description="Brand Arc Theory is a cinematic branding and visual strategy agency that helps businesses become unforgettable through storytelling, premium design, and strategic brand positioning.\nFrom luxury hospitality brands to modern lifestyle businesses, we create powerful visual experiences that build trust, emotion, and lasting customer connection."
       buttons={[
         {
           text: "Let’s Build Something Unforgettable",          href: "#contact"},
@@ -237,7 +237,7 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={true}
       title="YOUR BRAND DESERVES MORE THAN CONTENT."
-      description="It deserves a story. It deserves a strategy. It deserves a presence people remember.\\nLET’S BUILD SOMETHING UNFORGETTABLE. Reach out today to start your journey."
+      description="It deserves a story. It deserves a strategy. It deserves a presence people remember.\nLET’S BUILD SOMETHING UNFORGETTABLE. Reach out today to start your journey."
       inputs={[
         {
           name: "name",          type: "text",          placeholder: "Your Name",          required: true,

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcf6ec;
+  --background: #000000;
-  --card: #f3ede2;
+  --card: #0c0c0c;
-  --foreground: #2e2521;
+  --foreground: #ffffff;
-  --primary-cta: #2e2521;
+  --primary-cta: #cee7ff;
-  --primary-cta-text: #fcf6ec;
+  --primary-cta-text: #000000;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #000000;
-  --secondary-cta-text: #2e2521;
+  --secondary-cta-text: #ffffff;
-  --accent: #b2a28b;
+  --accent: #535353;
-  --background-accent: #b2a28b;
+  --background-accent: #CEE7FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);