Bob AI: change theme to dark blue

src/app/page.tsx

@@ -6,15 +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 FooterBase1 from '@/components/sections/footer/FooterBase1';
 import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
 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';
-import TextAbout from '@/components/sections/about/TextAbout';
-import FaqAccordionOne from '@/components/sections/faq/FaqAccordionOne';
 
 export default function LandingPage() {
   return (
@@ -156,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"
@@ -218,15 +187,19 @@ export default function LandingPage() {
 
       <div id="team" data-section="team">
         <TeamCardOne1
-          title="Our Expert Team"
+                    title="Meet Our Team"
-          description="Meet the dedicated team behind iPhone Store, passionate about delivering the best iPhone experience."
+                    description="Discover the talented individuals who bring iPhone Store to life."
-          teamMembers={[
+                    members={[
-            { name: "John Doe", position: "CEO", image: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
+                        { id: "1", name: "Eve Wilson", role: "Founder & CEO", imageSrc: "https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" },
-            { name: "Jane Smith", position: "CTO", image: "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" },
-            { name: "Mike Johnson", position: "Head of Design", image: "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" },
-            { name: "Emily Davis", position: "Marketing Director", image: "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">
@@ -254,47 +227,37 @@ export default function LandingPage() {
                 />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="footer" data-section="footer">
-        <TextAbout tag="Discover" tagIcon="LightBulb" title="Explore the Latest iPhone Models" buttons={[
+        <FooterBase1
-          {
+                          columns={[
-            label: "View Products",
+                            {
-            href: "#products",
+                              title: "Products",              items: [
-            variant: "primary",
+                                { label: "iPhone 15 Pro", href: "#products" },
-            icon: "ArrowRight"
+                                { label: "iPhone 15", href: "#products" },
-          },
+                                { label: "iPhone SE", href: "#products" },
-          {
+                                { label: "Apple Watch", href: "#products" }
-            label: "Learn More",
+                              ]
-            href: "#features",
+                            },
-            variant: "secondary",
+                            {
-            icon: "Info"
+                              title: "Support",              items: [
-          }
+                                { label: "Help Center", href: "#contact" },
-        ]} useInvertedBackground="invertDefault" className="bg-gray-900" containerClassName="max-w-5xl" titleClassName="text-white" buttonContainerClassName="justify-center" buttonClassName="bg-white text-black hover:bg-gray-200" buttonTextClassName="text-sm" />
+                                { label: "Contact Us", href: "#contact" },
-      </div>
+                                { label: "Warranty Info", href: "#" },
-
+                                { label: "FAQs", href: "#" }
-      <div id="faq" data-section="faq">
+                              ]
-        <FaqAccordionOne
+                            },
-          title="iPhone Store FAQ"
+                            {
-          description="Have questions about our iPhone models? Check out our frequently asked questions below."
+                              title: "Company",              items: [
-          items={[
+                                { label: "About Us", href: "#" },
-            {
+                                { label: "Blog", href: "#" },
-              question: "What iPhone models do you offer?",
+                                { label: "Careers", href: "#" },
-              answer: "We offer the latest models including iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max, and iPhone SE (2022)."
+                                { label: "Press Room", href: "#" }
-            },
+                              ]
-            {
+                            }
-              question: "What are the key features of the iPhone 13 Pro?",
+                          ]}
-              answer: "The iPhone 13 Pro features a ProMotion display, A15 Bionic chip, Ceramic Shield front cover, and advanced cameras."
+                          copyrightText="© 2025 iPhone Store. All rights reserved."
-            },
+                          logoUrl="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
-            {
+                        />
-              question: "Can I trade in my old iPhone?",
-              answer: "Yes, you can trade in your old iPhone for credit towards a new one. Visit our store for more details."
-            },
-            {
-              question: "How long is the warranty period?",
-              answer: "All iPhones come with a standard 1-year warranty. Extended warranty options are available upon purchase."
-            }
-          ]}
-          image="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80"
-        />
       </div>
 
       <div id="footer" data-section="footer">

src/components/sections/hero/HeroLogoBillboard.tsx

@@ -157,4 +157,27 @@ const HeroLogoBillboard = ({
 
 HeroLogoBillboard.displayName = "HeroLogoBillboard";
 
-export default 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,
+};