Bob AI: add more items to the feature bento

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Award, CheckCircle, Globe, HelpCircle, Heart, Leaf, Mail, Shield, Sparkles, Star, Zap } from 'lucide-react';
+import { Award, CheckCircle, Globe, HelpCircle, Heart, Leaf, Mail, Shield, Sparkles, Star, Zap, Droplet, Sun, Tree, User } from 'lucide-react';
 
 export default function LandingPage() {
   return (
@@ -42,8 +42,8 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroLogoBillboard
-          logoText="Luminous Skin"
-          description="Discover radiant, healthy skin with our premium skincare collection. Crafted with natural ingredients and dermatologist-backed science for visible results."
+          logoText="Aurielle Skin"
+          description="Reveal luminous, healthy-looking skin with Aurielle Skincare. Powered by nature and refined through dermatologist-guided science to deliver results you can see."
           buttons={[
             { text: "Explore Products", href: "products" },
             { text: "Learn More", href: "about" }
@@ -121,6 +121,20 @@ export default function LandingPage() {
             },
             {
               title: "Visible Results",              description: "See improvements in skin texture, hydration, and radiance within two weeks of consistent use.",              bentoComponent: "line-chart"
+            },
+            {
+              title: "Hydrating Formulas",              description: "Our products are rich in hydrating ingredients to keep your skin moisturized all day.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: Droplet, label: "Moisture", value: "High" },
+                { icon: Sun, label: "Sun Protection", value: "SPF 30+" },
+                { icon: Tree, label: "Plant-Based", value: "100%" }
+              ]
+            },
+            {
+              title: "Customizable Skincare",              description: "Tailored solutions to meet your unique skincare needs and goals.",              bentoComponent: "icon-info-cards",              items: [
+                { icon: User, label: "Personalized", value: "Yes" },
+                { icon: Shield, label: "Safe", value: "Yes" },
+                { icon: Sparkles, label: "Effective", value: "Yes" }
+              ]
             }
           ]}
           textboxLayout="default"

src/app/styles/variables.css

@@ -3,20 +3,20 @@
   /* --vw is set by ThemeProvider */
 
   /* --background: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
+  --card: #ffffff;;
+  --foreground: #000000;;
+  --primary-cta: #0000ff;;
   --secondary-cta: #ffffff;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;; */
+  --accent: #007acc;;
+  --background-accent: #007acc;; */
 
-  --background: #fcf6ec;;
-  --card: #f3ede2;;
-  --foreground: #2e2521;;
-  --primary-cta: #2e2521;;
+  --background: #e0f7fa;;
+  --card: #ffffff;;
+  --foreground: #000000;;
+  --primary-cta: #0000ff;;
   --secondary-cta: #ffffff;;
-  --accent: #b2a28b;;
-  --background-accent: #b2a28b;;
+  --accent: #007acc;;
+  --background-accent: #007acc;;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);