Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -20,9 +20,9 @@ export default function LandingPage() {
       contentWidth="medium"
       sizing="mediumSizeLargeTitles"
       background="blurBottom"
-      cardStyle="soft-shadow"
+      cardStyle="glass-elevated"
       primaryButtonStyle="radial-glow"
-      secondaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
       <div id="nav" data-section="nav">
@@ -44,7 +44,7 @@ export default function LandingPage() {
           title="Luxury spaces captured in crystalline clarity"
           description="Architectural and real estate photography that elevates premium properties. Liquid glass aesthetic meets sophisticated minimalism—every frame designed to sell vision"
           background={{ variant: "sparkles-gradient" }}
-          buttons={[{ text: "Explore Gallery", href: "#portfolio" }]}
+          buttons={[{ text: "View Premium Projects", href: "#portfolio" }]}
           imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-woman-going-up-stairs-walking-down-city_176420-4026.jpg"
           imageAlt="Luxury modern residential architecture"
           mediaAnimation="slide-up"
@@ -60,6 +60,7 @@ export default function LandingPage() {
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
+          buttons={[{ text: "Request a Quote", href: "#contact" }]}
           products={[
             {
               id: "luxury-penthouse",              name: "Luxury Penthouse Interior",              price: "Premium Residential",              variant: "Contemporary Design",              imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-living-room_1203-2722.jpg?_wi=1",              imageAlt: "Luxury penthouse interior with floor-to-ceiling windows"
@@ -96,7 +97,7 @@ export default function LandingPage() {
           tag="Photography Services"
           tagIcon={Aperture}
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="blur-reveal"
           useInvertedBackground={false}
           features={[
             {
@@ -132,7 +133,7 @@ export default function LandingPage() {
           tag="Client Testimonials"
           tagIcon={Star}
           textboxLayout="default"
-          animationType="slide-up"
+          animationType="blur-reveal"
           useInvertedBackground={false}
           testimonials={[
             {
@@ -159,7 +160,7 @@ export default function LandingPage() {
           animationType="entrance-slide"
           background={{ variant: "plain" }}
           useInvertedBackground={false}
-          buttons={[{ text: "Get in Touch", href: "mailto:contact@trevormelton.com" }]}
+          buttons={[{ text: "Get Your Quote Today", href: "mailto:contact@trevormelton.com" }]}
         />
       </div>
 

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
+  --background: #f5f4ef;
+  --card: #efe8e0;
+  --foreground: #1a1815;
+  --primary-cta: #2b2420;
   --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
+  --secondary-cta: #e8e2d9;
   --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --accent: #c5b8a8;
+  --background-accent: #b8a99a;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);