Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import TextAbout from '@/components/sections/about/TextAbout';
 import { MapPin, MessageSquare, Star } from "lucide-react";
 
@@ -101,19 +101,18 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardOne
       animationType="slide-up"
       textboxLayout="default"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      testimonials={[
-        { id: "1", name: "Alex R.", handle: "@localfoodie", testimonial: "Best burger I've had in Columbia by far.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" },
-        { id: "2", name: "Jamie L.", handle: "@como_nightlife", testimonial: "Exactly what CoMo was looking for. Perfect drinks.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg" },
-        { id: "3", name: "Sam P.", handle: "@downtownco", testimonial: "The atmosphere is unmatched in downtown.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-lady-showing-thumb-up_1262-2980.jpg" },
-        { id: "4", name: "Jordan K.", handle: "@steakenthusiast", testimonial: "Filet was cooked perfectly every time.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-paying-with-her-phone-via-contactless-payment-while-having-lunch-with-boyfriend-bar_637285-647.jpg" },
-        { id: "5", name: "Riley B.", handle: "@mixologyfan", testimonial: "Craft cocktails are elite here.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-delicious-cocktail_23-2150166166.jpg" }
-      ]}
       title="Loved by Locals"
       description="See why Highball is Columbia's favorite new spot."
+      testimonials={[
+        { id: "1", name: "Alex R.", role: "Local Foodie", company: "CoMo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" },
+        { id: "2", name: "Jamie L.", role: "Nightlife Enthusiast", company: "CoMo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-134034.jpg" },
+        { id: "3", name: "Sam P.", role: "Downtown Resident", company: "CoMo", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-business-lady-showing-thumb-up_1262-2980.jpg" }
+      ]}
     />
   </div>
 
@@ -144,16 +143,23 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={false}
+      title="Request a Private Reservation"
-      background={{ variant: "gradient-bars" }}
+      description="Planning a larger party? Let us help you organize your next event."
-      text="Visit us at 132 S 9th St, Columbia, MO 65201. Reservations recommended."
+      inputs={[
-      buttons={[{ text: "Reserve a Table", href: "https://highballcomo.com" }]}
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
+        { name: "date", type: "date", placeholder: "Preferred Date", required: true }
+      ]}
+      textarea={{ name: "requests", placeholder: "Any special requests?", rows: 4 }}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/waiter-pouring-wine-glass-restaurant_1150-18451.jpg"
+      buttonText="Submit Request"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterBase
       logoText="Highball Kitchen & Cocktails"
       columns={[
         { title: "Location", items: [{ label: "132 S 9th St, Columbia, MO", href: "#contact" }] },
@@ -165,4 +171,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #f5faff;
-  --card: #121212;
+  --card: #f1f8ff;
-  --foreground: #f5f5f5;
+  --foreground: #001122;
-  --primary-cta: #c5a059;
+  --primary-cta: #15479c;
   --primary-cta-text: #000000;
-  --secondary-cta: #1c1c1c;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #f5f5f5;
-  --accent: #333333;
+  --accent: #e63946;
-  --background-accent: #1a1a1a;
+  --background-accent: #f09199;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);