Update src/app/styles/variables.css

Merge version_3 into main

src/app/layout.tsx

@@ -11,8 +11,8 @@ import { Manrope } from "next/font/google";
 
 
 export const metadata: Metadata = {
-  title: 'CarterDesigner | Expert Web Design & Development',
-  description: 'Expert web designer and developer creating high-conversion portfolio and landing pages for brands.',
+  title: "CarterDesigner | Expert Web Design & Development",
+  description: "Expert web designer and developer creating high-conversion portfolio and landing pages for brands.",
   openGraph: {
     "title": "CarterDesigner | Expert Web Design & Development",
     "description": "Expert web designer and developer creating high-conversion portfolio and landing pages for brands.",

src/app/page.tsx

@@ -23,10 +23,10 @@ export default function LandingPage() {
         contentWidth="small"
         sizing="largeSmallSizeLargeTitles"
         background="none"
-        cardStyle="layered-gradient"
+        cardStyle="gradient-bordered"
         primaryButtonStyle="primary-glow"
         secondaryButtonStyle="solid"
-        headingFontWeight="light"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -58,10 +58,10 @@ export default function LandingPage() {
       <TestimonialAboutCard
       useInvertedBackground={false}
       tag="About Me"
-      title="Your Vision, My Code."
-      description="I focus on blending aesthetic design with robust development, creating portfolios and landing pages that convert visitors into loyal clients."
-      subdescription="I bring over 5 years of experience to every project, ensuring modern, responsive, and performance-optimized solutions."
-      imageSrc="http://img.b2bpic.net/free-photo/man-is-working-cafe-concept-freelancing-coffee-laptop_1321-885.jpg"
+      title="from Vision to Reality"
+      description="I focus on providing the best possible service for clients. What they ask for, their vision, becomes a reality."
+      subdescription="I bring over 3 years of learning and experience in the industry which will be shown in the work I will do for you."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B55aNX7QkTWF45mtrLiKakdOk5/uploaded-1776441857018-76vi3zs6.jpg"
       mediaAnimation="blur-reveal"
       icon={Code}
     />
@@ -172,4 +172,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f5f5;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #1f3251;
-  --primary-cta-text: #f5f5f5;
-  --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #15479c;
-  --background-accent: #a8cce8;
+  --background: #0A0A0C;
+  --card: #1E1E26;
+  --foreground: #F2F2F7;
+  --primary-cta: #8E0000;
+  --primary-cta-text: #F2F2F7;
+  --secondary-cta: #1900FF;
+  --secondary-cta-text: #F2F2F7;
+  --accent: #FF00C8;
+  --background-accent: #00E8FF;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);