Update src/app/styles/variables.css

Merge version_3 into main

src/app/page.tsx

@@ -23,20 +23,16 @@ export default function LandingPage() {
         cardStyle="gradient-radial"
         primaryButtonStyle="diagonal-gradient"
         secondaryButtonStyle="glass"
-        headingFontWeight="light"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Philosophy", id: "about" },
-        {
+        { name: "Features", id: "features" },
-          name: "Philosophy",          id: "about"},
+        { name: "Community", id: "testimonials" },
-        {
-          name: "Features",          id: "features"},
-        {
-          name: "Community",          id: "testimonials"},
       ]}
       brandName="Kitchen Intelligence"
     />
@@ -44,49 +40,16 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "gradient-bars"}}
+      title="Kitchen Intelligence"
-      title="Culinary Intelligence Refined"
+      description="Minimalist culinary refinement for the modern home cook."
-      description="A digital sanctuary for the modern home cook. Exceptional ingredients meets minimalist inspiration."
       leftCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/minimalist-breakfast-table-setting_23-2151982924.jpg", imageAlt: "Refined Kitchen" },
-          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-breakfast-table-setting_23-2151982924.jpg",          imageAlt: "Refined Kitchen"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-veggies-cloth_23-2148758910.jpg", imageAlt: "Seasonal Ingredients" },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-assortment-veggies-cloth_23-2148758910.jpg",          imageAlt: "Seasonal Ingredients"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-standing-kitchen-with-notebook-reading-recipes-flipping-pages_1258-201570.jpg",          imageAlt: "Chef Plating"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-with-healthy-tasty-breakfast-surrounded-by-modern-interior-summer-morning_132075-5737.jpg",          imageAlt: "Culinary Art"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/cutting-quiche_23-2147985302.jpg",          imageAlt: "Minimalist Cooking"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-goodlooking-woman-cooking-salad-kitchen-chopping-vegetables-smiling-preparing_1258-198026.jpg",          imageAlt: "Refined Meal"},
       ]}
       rightCarouselItems={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-girl-chopping-vegetables-meal-making-salad-kitchen-eating_1258-198025.jpg", imageAlt: "Refined Meal" },
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-brunette-girl-chopping-vegetables-meal-making-salad-kitchen-eating_1258-198025.jpg",          imageAlt: "Refined Meal"},
+        { imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727967.jpg", imageAlt: "Minimalist Cooking" },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727967.jpg",          imageAlt: "Minimalist Cooking"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-covid-party-with-dessert_23-2149299930.jpg",          imageAlt: "Culinary Art"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-young-woman-reading-kitchen-sitting-counter-smiling-studying_1258-184075.jpg",          imageAlt: "Chef Plating"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-cherry-tomato-salad_53876-64869.jpg",          imageAlt: "Seasonal Ingredients"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629568.jpg",          imageAlt: "Refined Kitchen"},
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/home-young-beautiful-person-cooking_1303-676.jpg",          alt: "User 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/healthy-lifestyle-young-woman-bathrobe-preparing-food-chopping-vegetables-cooking-dinner_1258-197901.jpg",          alt: "User 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/european-woman-is-cutting-tomato-african-woman-is-drinking-milk-they-smile_8353-9994.jpg",          alt: "User 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-home-spending-time-together_23-2149185075.jpg",          alt: "User 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/albino-person-doing-home-activities_23-2150065011.jpg",          alt: "User 5"},
       ]}
       avatarText="Trusted by 5,000+ home cooks"
     />
@@ -95,43 +58,41 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <AboutMetric
       useInvertedBackground={true}
-      title="Our Culinary Approach"
+      title="Culinary Intelligence Refined"
       metrics={[
-        {
+        { icon: Leaf, label: "Plant-Forward", value: "100%" },
-          icon: Leaf,
+        { icon: Globe, label: "Global Inspiration", value: "50+" },
-          label: "Plant-Forward",          value: "100%"},
+        { icon: Star, label: "Refined Experience", value: "5★" },
-        {
-          icon: Globe,
-          label: "Global Inspiration",          value: "50+"},
-        {
-          icon: Star,
-          label: "Refined Experience",          value: "5★"},
       ]}
-      metricsAnimation="slide-up"
+      metricsAnimation="blur-reveal"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyFour
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
         {
-          id: "f1",          title: "Interactive Grocery Lists",          author: "Smart Planning",          description: "Seamlessly curate ingredients for every seasonal recipe.",          tags: [
+          id: "f1", 
-            "Organization",            "Smart"],
+          title: "Interactive Lists", 
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-blank-digital-tablet-standing-vegetables-table_23-2147918174.jpg"},
+          author: "Smart Planning", 
+          description: "Seamlessly curate ingredients for seasonal recipes.", 
+          tags: ["Organization", "Smart"],
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-blank-digital-tablet-standing-vegetables-table_23-2147918174.jpg"
+        },
         {
-          id: "f2",          title: "Visual Cooking Guides",          author: "Step-by-Step",          description: "Master culinary techniques with high-end, step-by-step visuals.",          tags: [
+          id: "f2", 
-            "Learning",            "Visual"],
+          title: "Visual Guides", 
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustrated-fried-food_23-2151852576.jpg"},
+          author: "Step-by-Step", 
-        {
+          description: "Master techniques with high-end, clean visuals.", 
-          id: "f3",          title: "Minimalist Kitchen Tips",          author: "Curated Expert Advice",          description: "Refined wisdom for the modern home sanctuary.",          tags: [
+          tags: ["Learning", "Visual"],
-            "Lifestyle",            "Refined"],
+          imageSrc: "http://img.b2bpic.net/free-photo/3d-illustrated-fried-food_23-2151852576.jpg"
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-girl-with-bunch-parsley-eating-fresh-herbs-vegetables-cooking_1258-193421.jpg"},
+        }
       ]}
       title="Tools for the Epicurean"
-      description="Turn everyday meals into a refined dining experience with our digital toolkit."
+      description="Turn everyday meals into a refined dining experience."
     />
   </div>
 
@@ -141,16 +102,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "1", name: "Elena Rossi", role: "Home Cook", testimonial: "The best resource for plant-forward cooking. Truly refined.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-clay-water-make-simple-cleansing-face-mask-home_169016-12978.jpg" },
-          id: "1",          name: "Elena Rossi",          role: "Home Cook",          testimonial: "The best resource for plant-forward cooking. Truly refined.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-clay-water-make-simple-cleansing-face-mask-home_169016-12978.jpg"},
+        { id: "2", name: "Mark Chen", role: "Culinary Enthusiast", testimonial: "Clean, simple, and beautifully served. A game changer.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg" }
-        {
-          id: "2",          name: "Mark Chen",          role: "Culinary Enthusiast",          testimonial: "Clean, simple, and beautifully served. A game changer.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-enjoying-food_23-2149304406.jpg"},
-        {
-          id: "3",          name: "Sophie Martin",          role: "Epicurean",          testimonial: "My dining experience has been transformed entirely.",          imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-cute-blonde-girl-red-dress-distance-date-with-wine-holding-screen_140725-163948.jpg"},
-        {
-          id: "4",          name: "David Thorne",          role: "Kitchen Minimalist",          testimonial: "Finally, recipes that prioritize taste and aesthetics.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-eggs-kitchen-utensils_23-2148305697.jpg"},
-        {
-          id: "5",          name: "Sarah Miller",          role: "Foodie",          testimonial: "Kitchen Intelligence is my go-to for daily refinement.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-vinaigrette-salad-with-beet-beans-dark-surface_140725-91293.jpg"},
       ]}
       title="Voices of the Sanctuary"
       description="What our community is creating."
@@ -161,43 +114,21 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={false}
       title="Stay Connected"
-      description="Subscribe for exclusive kitchen insights and seasonal recipe updates."
+      description="Subscribe for exclusive kitchen insights and recipe updates."
       imageSrc="http://img.b2bpic.net/free-photo/view-from-healthy-tomatoes-greens-lying-grey-plate-kitchen-tasty-fresh-vegetables-knife-fork-lying-table-cafe-concept-cuisine-diet-nutrition_132075-7370.jpg"
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        { name: "email", type: "email", placeholder: "Your Email", required: true },
-        },
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Tell us what you'd like to cook.", rows: 4 }}
-        name: "message",        placeholder: "Tell us what you'd like to cook.",        rows: 4,
-      }}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
+        { title: "Explore", items: [{ label: "Recipes", href: "#" }, { label: "Guides", href: "#" }] },
-          title: "Explore",          items: [
+        { title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
-            {
-              label: "Recipes",              href: "#"},
-            {
-              label: "Guides",              href: "#"},
-            {
-              label: "Tips",              href: "#"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
       ]}
       logoText="Kitchen Intelligence"
     />

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
+  --background: #f5f4ef;
-  --card: #f7fffa;
+  --card: #dad6cd;
-  --foreground: #001a0a;
+  --foreground: #2a2928;
-  --primary-cta: #0a7039;
+  --primary-cta: #2a2928;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #ecebea;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
+  --accent: #ffffff;
-  --background-accent: #6bbf8e;
+  --background-accent: #c6b180;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);