src/app/page.tsx

@@ -16,16 +16,16 @@ import { Award, Coffee, Droplet, Sparkles, Star } from "lucide-react";
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
-        contentWidth="compact"
-        sizing="largeSmall"
-        background="aurora"
-        cardStyle="layered-gradient"
-        primaryButtonStyle="diagonal-gradient"
-        secondaryButtonStyle="layered"
-        headingFontWeight="normal"
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="none"
+        cardStyle="outline"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -43,7 +43,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{ variant: "radial-gradient" }}
+      background={{ variant: "plain" }}
       title="Fresh Doughnuts & Pastries in McPherson"
       description="Made fresh daily with quality ingredients, smooth glazes, and that perfect soft texture you love."
       leftCarouselItems={[
@@ -60,41 +60,26 @@ export default function LandingPage() {
         { imageSrc: "http://img.b2bpic.net/free-photo/basket-loaves-with-golden-crust_23-2147761317.jpg", imageAlt: "Facade" },
         { imageSrc: "http://img.b2bpic.net/free-photo/young-mother-cute-little-daughter-walking-down-street_1153-6964.jpg", imageAlt: "Bakery" },
       ]}
-      buttons={[{ text: "Visit Today", href: "#contact" }]}
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/chocolate-doughnuts-black-surface-stone-board_114579-17439.jpg", alt: "Customer 1" },
-        { src: "http://img.b2bpic.net/free-photo/small-donuts-marmelades-chocolate-coated-cake-wooden-board-marble-surface_114579-75309.jpg", alt: "Customer 2" },
-        { src: "http://img.b2bpic.net/free-photo/various-cakes-board-blue-background-high-quality-photo_114579-75376.jpg", alt: "Customer 3" },
-        { src: "http://img.b2bpic.net/free-photo/crispy-butter-cookies-with-sugar-powder-wooden-platter_114579-61793.jpg", alt: "Customer 4" },
-        { src: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-sitting-cafe_171337-16952.jpg", alt: "Customer 5" },
-      ]}
-      avatarText="Loved by 500+ local foodies"
-      marqueeItems={[
-        { type: "text", text: "Fresh Daily" },
-        { type: "text", text: "Handcrafted" },
-        { type: "text", text: "Locally Owned" },
-        { type: "text", text: "Quality Ingredients" },
-        { type: "text", text: "Bakery Fresh" },
-      ]}
+      buttons={[{ text: "Visit Today", href: "#contact" }]
     />
   </div>
 
   <div id="about" data-section="about">
       <AboutMetric
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       title="Authentic Local Quality"
       metrics={[
         { icon: Coffee, label: "Daily Batches", value: "12+" },
         { icon: Award, label: "Years Served", value: "10+" },
         { icon: Star, label: "Customer Rating", value: "5/5" },
       ]}
-      metricsAnimation="slide-up"
+      metricsAnimation="none"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureBento
-      animationType="slide-up"
+      animationType="none"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
@@ -111,8 +96,8 @@ export default function LandingPage() {
       <TestimonialCardOne
       textboxLayout="split"
       gridVariant="bento-grid"
-      useInvertedBackground={true}
-      animationType="slide-up"
+      useInvertedBackground={false}
+      animationType="none"
       testimonials={[
         { id: "1", name: "Sarah J.", role: "Local Resident", company: "McPherson", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
         { id: "2", name: "Michael C.", role: "Food Blogger", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-films-vlog-praising-bio-local-shop_482257-81629.jpg" },
@@ -127,7 +112,7 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
-      animationType="slide-up"
+      animationType="none"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
@@ -142,7 +127,7 @@ export default function LandingPage() {
 
   <div id="faq" data-section="faq">
       <FaqSplitText
-      useInvertedBackground={true}
+      useInvertedBackground={false}
       faqs={[
         { id: "f1", title: "What are your hours?", content: "We open early morning to serve fresh donuts daily." },
         { id: "f2", title: "Do you offer catering?", content: "Yes, we handle large orders for events. Please call ahead." },
@@ -150,14 +135,14 @@ export default function LandingPage() {
       ]}
       sideTitle="Common Questions"
       sideDescription="Everything you need to know about Dough Co. Donuts."
-      faqsAnimation="slide-up"
+      faqsAnimation="none"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={false}
-      background={{ variant: "rotated-rays-animated" }}
+      background={{ variant: "plain" }}
       text="Visit us at 319 S Main St, McPherson, KS or call +1 620-242-1221."
       buttons={[{ text: "Call Now", href: "tel:+16202421221" }]}
     />
@@ -173,4 +158,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
-  --card: #dad6cd;
-  --foreground: #2a2928;
-  --primary-cta: #2a2928;
+  --background: #ffffff;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #1a1a1a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #f1f1f1;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
-  --background-accent: #c6b180;
+  --accent: #e5e5e5;
+  --background-accent: #f9f9f9;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);