Update src/app/globals.css

src/app/globals.css

@@ -5,9 +5,9 @@
   /* --vw is set by ThemeProvider */
 
   --background: #ffffff;
-  --card: #fcfcfc;
+  --card: #808080;
   --foreground: #0f0003e6;
-  --primary-cta: #c1121f;
+  --primary-cta: #1cde5d;
   --secondary-cta: #f9f9f9;
   --accent: #e2e2e2;
   --background-accent: #c4c4c4;

src/app/layout.tsx

@@ -9,7 +9,7 @@ const plusJakartaSans = Plus_Jakarta_Sans({
 });
 
 export const metadata: Metadata = {
-  title: "Porsche 911 | The Legend Lives",  description: "Discover the iconic Porsche 911 sports car. 60+ years of performance, heritage, and engineering excellence. Explore models, specifications, and ownership options.",  keywords: "Porsche 911, sports car, luxury automobile, performance vehicle, turbo, carrera, gt3, driving experience",  metadataBase: new URL("https://porsche911.example.com"),
+  title: "Porsche 911 | Drive the Legend",  description: "Discover the iconic Porsche 911 sports car. 60+ years of performance, heritage, and engineering excellence. Explore models, specifications, and ownership options.",  keywords: "Porsche 911, sports car, luxury automobile, performance vehicle, turbo, carrera, gt3, driving experience",  metadataBase: new URL("https://porsche911.example.com"),
   alternates: {
     canonical: "https://porsche911.example.com"
   },
@@ -1266,4 +1266,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -56,7 +56,7 @@ export default function LandingPage() {
           title="Drive the Legend"
           buttons={[
             {
-              text: "Explore the 911",              href: "models"
+              text: "Explore the 911 today",              href: "models"
             },
             {
               text: "Experience Now",              href: "contact"
@@ -127,6 +127,7 @@ export default function LandingPage() {
               title: "Precision Handling",              description: "Race-proven suspension and world-class brakes deliver unmatched control. Feel the road like never before with responsive, razor-sharp handling on any surface.",              imageSrc: "/placeholders/placeholder1.webp"
             }
           ]}
+          animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground="invertCard"
           usePrimaryButtonImage={false}
@@ -170,8 +171,8 @@ export default function LandingPage() {
           tagIcon={CreditCard}
           plans={[
             {
-              id: "carrera",              badge: "Most Popular",              badgeIcon: Star,
-              price: "$120,000",              subtitle: "The quintessential 911 experience",              buttons: [
+              id: "carrera",              subtitle: "911 Carrera",              badge: "Most Popular",              badgeIcon: Star,
+              price: "$120,000",              buttons: [
                 {
                   text: "Configure",                  href: "contact"
                 }
@@ -181,8 +182,8 @@ export default function LandingPage() {
               ]
             },
             {
-              id: "turbo",              badge: "Maximum Power",              badgeIcon: Zap,
-              price: "$195,000",              subtitle: "Ultimate performance and prestige",              buttons: [
+              id: "turbo",              subtitle: "911 Turbo",              badge: "Maximum Power",              badgeIcon: Zap,
+              price: "$195,000",              buttons: [
                 {
                   text: "Configure",                  href: "contact"
                 }
@@ -192,8 +193,8 @@ export default function LandingPage() {
               ]
             },
             {
-              id: "gt3",              badge: "Track Certified",              badgeIcon: Trophy,
-              price: "$215,000",              subtitle: "Racing DNA for the road",              buttons: [
+              id: "gt3",              subtitle: "911 GT3",              badge: "Track Certified",              badgeIcon: Trophy,
+              price: "$215,000",              buttons: [
                 {
                   text: "Configure",                  href: "contact"
                 }
@@ -340,4 +341,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}