Update src/app/styles/variables.css

Merge version_1 into main

src/app/layout.tsx

@@ -14,18 +14,18 @@ const inter = Inter({
 });
 
 export const metadata: Metadata = {
-  title: "Premium Digital Art Commissions | Professional Illustrations",  description: "Exceptional digital artwork and character design commissions. Professional illustrations for games, publishing, and personal projects. Affordable pricing, fast delivery.",  keywords: "digital art, commissions, character design, illustrations, artwork, digital artist, concept art",  robots: {
+  title: "Premium Digital Art Commissions | Ringgo Syah",  description: "Exceptional digital artwork and character design commissions by Ringgo Syah. Professional illustrations for games, publishing, and personal projects. Affordable pricing, fast delivery.",  keywords: "digital art, commissions, character design, illustrations, artwork, digital artist, concept art, Ringgo Syah",  robots: {
     index: true,
     follow: true,
   },
   openGraph: {
-    title: "Premium Digital Art Commissions",    description: "Custom digital illustrations and character design services. Professional quality, competitive pricing.",    siteName: "DigitalStudio",    type: "website",    images: [
+    title: "Premium Digital Art Commissions | Ringgo Syah",    description: "Custom digital illustrations and character design services. Professional quality, competitive pricing.",    siteName: "Ringgo Syah",    type: "website",    images: [
       {
         url: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065132.jpg",        alt: "Premium digital artwork showcase"},
     ],
   },
   twitter: {
-    card: "summary_large_image",    title: "Premium Digital Art Commissions",    description: "Exceptional custom digital illustrations and character design.",    images: ["http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065132.jpg"],
+    card: "summary_large_image",    title: "Premium Digital Art Commissions | Ringgo Syah",    description: "Exceptional custom digital illustrations and character design.",    images: ["http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065132.jpg"],
   },
 };
 

src/app/page.tsx

@@ -26,7 +26,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="DigitalStudio"
+          brandName="Ringgo Syah"
           navItems={[
             { name: "Showcase", id: "hero" },
             { name: "Pricing", id: "pricing" },
@@ -191,8 +191,8 @@ export default function LandingPage() {
 
       <div id="footer" data-section="footer">
         <FooterBase
-          logoText="DigitalStudio"
+          logoText="Ringgo Syah"
-          copyrightText="© 2025 Digital Artist Studio. All artwork rights reserved."
+          copyrightText="© 2025 Ringgo Syah. All artwork rights reserved."
           columns={[
             {
               title: "Portfolio",              items: [

src/app/styles/variables.css

@@ -2,39 +2,15 @@
   /* Base units */
   /* --vw is set by ThemeProvider */
 
-  /* --background: #0f0f0f;;
+  --background: #f7f5ff;
-  --card: #1a1a1a;;
+  --card: #ffffff;
-  --foreground: #e8e8e8;;
+  --foreground: #1a0a3d;
-  --primary-cta: #d4af37;;
+  --primary-cta: #7c3aed;
-  --secondary-cta: #1a1a1a;;
+  --primary-cta-text: #ffffff;
-  --accent: #4a4a4a;;
+  --secondary-cta: #ffffff;
-  --background-accent: #d4af37;; */
+  --secondary-cta-text: #1a0a3d;
-
+  --accent: #10b981;
-  --background: #0f0f0f;;
+  --background-accent: #e8f5e9;
-  --card: #1a1a1a;;
-  --foreground: #e8e8e8;;
-  --primary-cta: #d4af37;;
-  --primary-cta-text: #0f0f0f;;
-  --secondary-cta: #1a1a1a;;
-  --secondary-cta-text: #d4af37;;
-  --accent: #4a4a4a;;
-  --background-accent: #d4af37;;
-
-  /* text sizing - set by ThemeProvider */
-  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-  --text-xs: clamp(0.54rem, 0.72vw, 0.72rem);
-  --text-sm: clamp(0.615rem, 0.82vw, 0.82rem);
-  --text-base: clamp(0.69rem, 0.92vw, 0.92rem);
-  --text-lg: clamp(0.75rem, 1vw, 1rem);
-  --text-xl: clamp(0.825rem, 1.1vw, 1.1rem);
-  --text-2xl: clamp(0.975rem, 1.3vw, 1.3rem);
-  --text-3xl: clamp(1.2rem, 1.6vw, 1.6rem);
-  --text-4xl: clamp(1.5rem, 2vw, 2rem);
-  --text-5xl: clamp(2.025rem, 2.75vw, 2.75rem);
-  --text-6xl: clamp(2.475rem, 3.3vw, 3.3rem);
-  --text-7xl: clamp(3rem, 4vw, 4rem);
-  --text-8xl: clamp(3.5rem, 4.5vw, 4.5rem);
-  --text-9xl: clamp(5.25rem, 7vw, 7rem); */
 
   /* Base spacing units */
   --vw-0_25: calc(var(--vw) * 0.25);