Bob AI: change theme to dark blue

src/app/page.tsx

@@ -6,11 +6,13 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import FooterBase1 from '@/components/sections/footer/FooterBase1';
 import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
 
 export default function LandingPage() {
   return (
@@ -26,6 +28,10 @@ export default function LandingPage() {
       secondaryButtonStyle="solid"
       headingFontWeight="light"
     >
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboard logoText="iPhone Store" description="Explore the latest iPhone models with cutting-edge features and sleek designs." buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} background={{ variant: "downward-rays-animated" }} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
+      </div>
+
       <div id="nav" data-section="nav">
         <NavbarStyleApple
           brandName="iPhone Store"
@@ -39,21 +45,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroLogoBillboard
-          logoText="iPhone"
-          description="Experience cutting-edge technology, stunning design, and seamless performance. Discover the latest iPhone models with revolutionary features that transform how you connect and create."
-          buttons={[
-            { text: "Shop Now", href: "#products" },
-            { text: "Learn More", href: "#features" }
-          ]}
-          background={{ variant: "sparkles-gradient" }}
-          imageSrc="https://img.b2bpic.net/free-psd/new-smartphone-a18-bionic-social-media-banner-design-template_47987-33085.jpg"
-          imageAlt="Latest iPhone models showcase"
-          frameStyle="card"
-        />
-      </div>
-
       <div id="products" data-section="products">
         <ProductCardThree
           title="Shop Our Latest Collection"
@@ -163,35 +154,6 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwelve
-          cardTitle="Trusted by over 50,000 satisfied customers worldwide who experience iPhone excellence daily"
-          cardTag="See what our customers say"
-          cardTagIcon={Heart}
-          testimonials={[
-            {
-              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",              imageAlt: "Sarah Johnson"
-            },
-            {
-              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",              imageAlt: "Michael Chen"
-            },
-            {
-              id: "3",              name: "Emma Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-man-with-backpack_23-2149915917.jpg",              imageAlt: "Emma Rodriguez"
-            },
-            {
-              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg",              imageAlt: "David Kim"
-            },
-            {
-              id: "5",              name: "Jessica Walsh",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",              imageAlt: "Jessica Walsh"
-            },
-            {
-              id: "6",              name: "Amanda Foster",              imageSrc: "https://img.b2bpic.net/free-photo/confident-young-bald-call-center-man-standing-with-closed-posture-profile-view-isolated-purple-with-copy-space_141793-76759.jpg",              imageAlt: "Amanda Foster"
-            }
-          ]}
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
       <div id="contact" data-section="contact">
         <ContactSplitForm
           title="Get Your iPhone Today"
@@ -214,40 +176,118 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
+      <div id="layout" data-section="layout">
-        <HeroBillboardScroll title="Explore the Latest iPhone Models" description="Discover the latest features and designs in our iPhone collection. From photography to performance, we've got you covered." background={{ variant: "downward-rays-animated" }} tag="New Arrivals" tagIcon="Calendar" buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
+        <FeatureCardThree features={[
+          { id: "1", title: "Wireless Charging Stand", description: "Elegant and efficient, charges your iPhone wirelessly.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Wireless Charging Stand" },
+          { id: "2", title: "Clear iPhone Case", description: "Protect your iPhone with a clear, stylish case.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Clear iPhone Case" },
+          { id: "3", title: "Bumper Case", description: "Durable bumper case for added protection.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Bumper Case" },
+          { id: "4", title: "Screen Protector", description: "Keep your iPhone screen scratch-free with this high-quality protector.", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80", imageAlt: "Screen Protector" }
+        ]} carouselMode="buttons" gridVariant="timeline" title="iPhone Accessories" description="Explore our range of iPhone accessories to enhance your device." buttons={[{ text: "Shop Now", href: "#" }]} textboxLayout="left" useInvertedBackground="light" ariaLabel="iPhone Accessories Section" className="mb-8" />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardOne1
+                    title="Meet Our Team"
+                    description="Discover the talented individuals who bring iPhone Store to life."
+                    members={[
+                        { id: "1", name: "Eve Wilson", role: "Founder & CEO", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
+                        { id: "2", name: "Frank Lee", role: "CTO", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
+                        { id: "3", name: "Grace Chen", role: "Head of Design", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
+                        { id: "4", name: "Hank Green", role: "Marketing Director", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" }
+                    ]}
+                    gridVariant="grid"
+                    animationType="slide"
+                    textboxLayout="boxed"
+                    useInvertedBackground="light"
+                />
+      </div>
+
+      <div id="navbar" data-section="navbar">
+        <NavbarStyleApple
+                  brandName="iPhone Store"
+                  navItems={[
+                    { name: "iPhone 13", id: "products" },
+                    { name: "Waterproof Tech", id: "features" },
+                    { name: "Affordable Plans", id: "pricing" },
+                    { name: "Customer Reviews", id: "testimonials" }
+                  ]}
+                  logoUrl="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+                />
+      </div>
+
+      <div id="navbar" data-section="navbar">
+        <NavbarStyleApple
+                  brandName="iPhone Store"
+                  navItems={[
+                    { name: "iPhone 13", id: "products-iphone-13", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
+                    { name: "Face ID", id: "features-face-id" },
+                    { name: "AppleCare+", id: "pricing-applecare" },
+                    { name: "Customer Reviews", id: "testimonials-customers" }
+                  ]}
+                />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBaseReveal
+        <FooterBase1
-          columns={[
+                          columns={[
-            {
+                            {
-              title: "Products",              items: [
+                              title: "Products",              items: [
-                { label: "iPhone 15 Pro", href: "#products" },
+                                { label: "iPhone 15 Pro", href: "#products" },
-                { label: "iPhone 15", href: "#products" },
+                                { label: "iPhone 15", href: "#products" },
-                { label: "iPhone SE", href: "#products" },
+                                { label: "iPhone SE", href: "#products" },
-                { label: "Compare Models", href: "#pricing" }
+                                { label: "Apple Watch", href: "#products" }
-              ]
+                              ]
-            },
+                            },
-            {
+                            {
-              title: "Support",              items: [
+                              title: "Support",              items: [
-                { label: "Help Center", href: "#contact" },
+                                { label: "Help Center", href: "#contact" },
-                { label: "Contact Us", href: "#contact" },
+                                { label: "Contact Us", href: "#contact" },
-                { label: "Warranty Info", href: "#" },
+                                { label: "Warranty Info", href: "#" },
-                { label: "Shipping & Returns", href: "#" }
+                                { label: "FAQs", href: "#" }
-              ]
+                              ]
-            },
+                            },
-            {
+                            {
-              title: "Company",              items: [
+                              title: "Company",              items: [
-                { label: "About Us", href: "#" },
+                                { label: "About Us", href: "#" },
-                { label: "Blog", href: "#" },
+                                { label: "Blog", href: "#" },
-                { label: "Careers", href: "#" },
+                                { label: "Careers", href: "#" },
-                { label: "Press", href: "#" }
+                                { label: "Press Room", href: "#" }
-              ]
+                              ]
-            }
+                            }
-          ]}
+                          ]}
-          copyrightText="© 2025 iPhone Store. All rights reserved."
+                          copyrightText="© 2025 iPhone Store. All rights reserved."
-        />
+                          logoUrl="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+                        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBase1
+                  columns={[
+                    {
+                      title: "Products",              items: [
+                        { label: "iPhone 15 Pro", href: "#products" },
+                        { label: "iPhone 15", href: "#products" },
+                        { label: "iPhone SE", href: "#products" }
+                      ]
+                    },
+                    {
+                      title: "Support",              items: [
+                        { label: "Help Center", href: "#contact" },
+                        { label: "Contact Us", href: "#contact" },
+                        { label: "Warranty Info", href: "#" }
+                      ]
+                    },
+                    {
+                      title: "Company",              items: [
+                        { label: "About Us", href: "#" },
+                        { label: "Blog", href: "#" },
+                        { label: "Careers", href: "#" }
+                      ]
+                    }
+                  ]}
+                  copyrightText="© 2025 iPhone Store. All rights reserved."
+                  logoUrl="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
+                />
       </div>
     </ThemeProvider>
   );

src/components/sections/contact/ContactSplitForm.tsx

@@ -111,12 +111,12 @@ const ContactSplitForm = ({
 
     const getButtonConfigProps = () => {
         if (theme.defaultButtonVariant === "hover-bubble") {
-            return { bgClassName: "w-full" };
+            return { bgClassName: "w-full bg-green-500" };
         }
         if (theme.defaultButtonVariant === "icon-arrow") {
             return { className: "justify-between" };
         }
-        return {};
+        return { bgClassName: "bg-green-500" };
     };
 
     const formContent = (

src/components/sections/hero/HeroBillboardScroll.tsx

@@ -91,7 +91,7 @@ const HeroBillboardScroll = ({
     <section
       aria-label={ariaLabel}
       ref={containerRef}
-      className={cls("relative h-fit flex items-center justify-center", className)}
+      className={cls("relative h-fit flex items-center justify-center bg-[#e5b365]", className)}
     >
       <HeroBackgrounds {...background} />
       <div
@@ -108,9 +108,9 @@ const HeroBillboardScroll = ({
             tagIcon={tagIcon}
             buttons={buttons}
             className={cls("flex flex-col gap-3 md:gap-1", textBoxClassName)}
-            titleClassName={cls("text-6xl font-medium text-balance", titleClassName)}
+            titleClassName={cls("text-6xl font-medium text-[#8b4513]", titleClassName)}
             descriptionClassName={cls("text-base md:text-lg leading-[1.2]", descriptionClassName)}
-            tagClassName={cls("px-3 py-1 text-sm rounded-theme card text-foreground inline-flex items-center gap-2 mb-3", tagClassName)}
+            tagClassName={cls("px-3 py-1 text-sm rounded-theme card text-[#8b4513] inline-flex items-center gap-2 mb-3", tagClassName)}
             buttonContainerClassName={cls("flex flex-wrap gap-4 mt-3", buttonContainerClassName)}
             buttonClassName={buttonClassName}
             buttonTextClassName={buttonTextClassName}
@@ -126,7 +126,7 @@ const HeroBillboardScroll = ({
         >
           <div className={cls("h-full w-full overflow-hidden rounded-theme-capped card p-4", cardInnerClassName)}>
             <MediaContent
-              imageSrc={imageSrc}
+              imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
               videoSrc={videoSrc}
               imageAlt={imageAlt}
               videoAriaLabel={videoAriaLabel}
@@ -144,7 +144,7 @@ const HeroBillboardScroll = ({
         >
           <div className={cls("h-full w-full overflow-hidden rounded-theme-capped card p-4", cardInnerClassName)}>
             <MediaContent
-              imageSrc={imageSrc}
+              imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=1920&q=80"
               videoSrc={videoSrc}
               imageAlt={imageAlt}
               videoAriaLabel={videoAriaLabel}

src/components/sections/hero/HeroLogoBillboard.tsx

@@ -158,3 +158,26 @@ const HeroLogoBillboard = ({
 HeroLogoBillboard.displayName = "HeroLogoBillboard";
 
 export default HeroLogoBillboard;
+
+const darkBlueTheme = {
+  background: "bg-dark-blue",
+  foreground: "text-white",
+  accent: "bg-dark-blue-accent",
+  border: "border-white/10",
+  balance: "text-white/75",
+};
+
+HeroLogoBillboard.defaultProps = {
+  className: darkBlueTheme.background,
+  containerClassName: darkBlueTheme.background,
+  logoContainerClassName: darkBlueTheme.background,
+  logoClassName: darkBlueTheme.foreground,
+  descriptionClassName: darkBlueTheme.foreground,
+  buttonContainerClassName: darkBlueTheme.background,
+  buttonClassName: darkBlueTheme.foreground,
+  buttonTextClassName: darkBlueTheme.foreground,
+  mediaWrapperClassName: darkBlueTheme.background,
+  imageClassName: darkBlueTheme.foreground,
+  browserBarClassName: darkBlueTheme.background,
+  addressBarClassName: darkBlueTheme.background,
+};