Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -23,8 +23,8 @@ export default function LandingPage() {
         sizing="largeSmallSizeMediumTitles"
         background="noiseDiagonalGradient"
         cardStyle="glass-depth"
-        primaryButtonStyle="double-inset"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="glass"
+        secondaryButtonStyle="solid"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
@@ -53,12 +53,25 @@ export default function LandingPage() {
       title="Modern Websites. Built Fast. Designed to Convert."
       description="I design and rebuild websites for businesses that want a clean, professional online presence — fast, simple, and stress-free."
       buttons={[
-        {
+        { 
-          text: "Get a Website",          href: "#contact"},
+           text: "Get a Website", 
-        {
+           href: "#contact", 
-          text: "View Work",          href: "#portfolio"},
+           onClick: () => {
+             const el = document.getElementById('contact');
+             el?.scrollIntoView({ behavior: 'smooth' });
+           }
+        },
+        { 
+           text: "View Work", 
+           href: "#portfolio",           onClick: () => {
+             const el = document.getElementById('portfolio');
+             el?.scrollIntoView({ behavior: 'smooth' });
+           }
+        },
       ]}
-      imageSrc="https://img.b2bpic.net/free-photo/view-futuristic-holographic-ui-with-data-graphs_23-2149520999.jpg"
+      imageSrc="https://img.b2bpic.net/free-photo/success-cooperation-people-hands-discussion-business_1418-65.jpg?id=1235725"
+      imageClassName="hover:scale-105 transition-all duration-1000 ease-in-out transform scale-100 hover:rotate-2"
+      buttonClassName="hover:scale-110 transition-transform duration-300 ease-in-out"
     />
   </div>
 
@@ -154,17 +167,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",          name: "Tech Startup Site",          price: "Concept",          variant: "Minimal",          imageSrc: "https://img.b2bpic.net/free-photo/ui-ux-design-template-website-development_23-2149592476.jpg"},
+          id: "p1",          name: "Tech Startup Site",          price: "Concept",          variant: "Minimal",          imageSrc: "https://img.b2bpic.net/premium-photo/digital-technology-global-internet-network-ai-artificial-intelligence-big-data-concept-computer-programmer-software-engineer-coding-laptop-global-network-cyber-security_928174-8320.jpg?id=382220369"},
         {
-          id: "p2",          name: "Local Gym Site",          price: "Concept",          variant: "Modern",          imageSrc: "https://img.b2bpic.net/free-photo/fitness-app-website-ui-design_23-2149633974.jpg"},
+          id: "p2",          name: "Local Gym Site",          price: "Concept",          variant: "Modern",          imageSrc: "https://img.b2bpic.net/free-photo/unrecognizable-athletic-woman-tying-sports-shoe-health-club_637285-8468.jpg?id=26402468"},
         {
           id: "p3",          name: "Real Estate UI",          price: "Concept",          variant: "Clean",          imageSrc: "https://img.b2bpic.net/free-photo/modern-real-estate-website-interface_23-2149806451.jpg"},
         {
-          id: "p4",          name: "Creative Studio",          price: "Concept",          variant: "Futuristic",          imageSrc: "https://img.b2bpic.net/free-photo/creative-studio-portfolio-web-layout_23-2149863489.jpg"},
+          id: "p4",          name: "Creative Studio",          price: "Concept",          variant: "Futuristic",          imageSrc: "https://img.b2bpic.net/free-vector/architecture-background-design_1168-29.jpg?id=1003664"},
         {
-          id: "p5",          name: "Restaurant Concept",          price: "Concept",          variant: "Modern",          imageSrc: "https://img.b2bpic.net/free-photo/restaurant-website-interface-design_23-2149725983.jpg"},
+          id: "p5",          name: "Restaurant Concept",          price: "Concept",          variant: "Modern",          imageSrc: "https://img.b2bpic.net/free-photo/top-view-table-full-food_23-2149209253.jpg?id=21088367"},
         {
-          id: "p6",          name: "SaaS Platform",          price: "Concept",          variant: "Dark",          imageSrc: "https://img.b2bpic.net/free-photo/saas-dashboard-ui-design_23-2149889502.jpg"},
+          id: "p6",          name: "SaaS Platform",          price: "Concept",          variant: "Dark",          imageSrc: "https://img.b2bpic.net/free-photo/person-working-relation-innovation_53876-16535.jpg?id=2792075"},
       ]}
       title="Portfolio"
       description="Showcasing high-quality concept builds."
@@ -178,7 +191,7 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "starter",          name: "Starter",          price: "Starts $999",          buttons: [
+          id: "starter",          name: "Starter",          price: "Starter $500",          buttons: [
             {
               text: "Contact",              href: "#contact"},
           ],
@@ -186,7 +199,7 @@ export default function LandingPage() {
             "One-page site",            "Fast delivery",            "Responsive design"],
         },
         {
-          id: "business",          name: "Business",          price: "Starts $1,999",          buttons: [
+          id: "business",          name: "Business",          price: " Basic $800",          buttons: [
             {
               text: "Contact",              href: "#contact"},
           ],
@@ -194,7 +207,7 @@ export default function LandingPage() {
             "Multi-page site",            "SEO setup",            "Optimized layout"],
         },
         {
-          id: "premium",          name: "Premium",          price: "Starts $3,499",          buttons: [
+          id: "premium",          name: "Premium",          price: "Premium $1,200",          buttons: [
             {
               text: "Contact",              href: "#contact"},
           ],
@@ -229,7 +242,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterCard
-      logoText="Marcos Digital Studio"
+      logoText="Digital Excellence"
       copyrightText="© 2025 | Marcos Digital Studio"
       socialLinks={[
         {
@@ -241,4 +254,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #f5f5f5;
-  --card: #f9f9f9;
+  --card: #ffffff;
-  --foreground: #000612;
+  --foreground: #1c1c1c;
-  --primary-cta: #106EFB;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #15803d;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #ffffff;
-  --accent: #e2e2e2;
+  --accent: #15479c;
-  --background-accent: #106EFB;
+  --background-accent: #a8cce8;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);