Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
-import FooterBase from '@/components/sections/footer/FooterBase';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
@@ -29,16 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "About", id: "about" },
-          name: "About",          id: "about"},
+        { name: "Services", id: "services" },
-        {
+        { name: "Process", id: "process" },
-          name: "Services",          id: "services"},
+        { name: "Work", id: "work" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Process",          id: "process"},
-        {
-          name: "Work",          id: "work"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="ANIRA BRAND"
     />
@@ -49,24 +44,17 @@ export default function LandingPage() {
       title="Launch your business with a brand built to sell from day one."
       description="ANIRA BRAND is a boutique studio that helps entrepreneurs turn ideas into cohesive, market-ready businesses through branding, concept development, digital presence, and physical execution."
       buttons={[
-        {
+        { text: "Book a discovery call", href: "#contact" },
-          text: "Book a discovery call",          href: "#contact"},
+        { text: "View our services", href: "#services" },
-        {
-          text: "View our services",          href: "#services"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030737.jpg"
       showDimOverlay={true}
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial" },
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg",          alt: "Client testimonial"},
+        { src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client testimonial" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial" },
-          src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",          alt: "Client testimonial"},
+        { src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", alt: "Client testimonial" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg", alt: "Client testimonial" },
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg",          alt: "Client testimonial"},
-        {
-          src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",          alt: "Client testimonial"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg",          alt: "Client testimonial"},
       ]}
       avatarText="Trusted by 50+ ambitious founders"
     />
@@ -79,12 +67,9 @@ export default function LandingPage() {
       title="A boutique studio for businesses with vision"
       description="ANIRA BRAND was created to help founders build more than a logo. We create thoughtful brand systems that connect strategy, aesthetics, digital presence, and real-world application. We combine business thinking, creative direction, and technical execution to help new businesses launch with clarity and impact."
       bulletPoints={[
-        {
+        { title: "Strategic Foundation", description: "Business development, digital marketing, and social media strategy built into the brand identity." },
-          title: "Strategic Foundation",          description: "Business development, digital marketing, and social media strategy built into the brand identity."},
+        { title: "Technical Execution", description: "CAD design, 3D prototyping, and real-world implementation that turns concepts into physical realities." },
-        {
+        { title: "Cohesive Experience", description: "We ensure your online presence, physical atmosphere, and branded materials feel aligned from day one." },
-          title: "Technical Execution",          description: "CAD design, 3D prototyping, and real-world implementation that turns concepts into physical realities."},
-        {
-          title: "Cohesive Experience",          description: "We ensure your online presence, physical atmosphere, and branded materials feel aligned from day one."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -97,18 +82,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Brand Strategy", description: "Foundational thinking for long-term growth.", bentoComponent: "reveal-icon", icon: Target },
-          title: "Brand Strategy",          description: "Foundational thinking for long-term growth.",          bentoComponent: "reveal-icon",          icon: Target,
+        { title: "Visual Identity", description: "Logos, palettes, and typography that define you.", bentoComponent: "reveal-icon", icon: Palette },
-        },
+        { title: "Website / Landing", description: "High-converting digital presence built to sell.", bentoComponent: "reveal-icon", icon: Globe },
-        {
+        { title: "3D Branded Elements", description: "Physical merchandise and touchpoints for impact.", bentoComponent: "reveal-icon", icon: Box },
-          title: "Visual Identity",          description: "Logos, palettes, and typography that define you.",          bentoComponent: "reveal-icon",          icon: Palette,
-        },
-        {
-          title: "Website / Landing",          description: "High-converting digital presence built to sell.",          bentoComponent: "reveal-icon",          icon: Globe,
-        },
-        {
-          title: "3D Branded Elements",          description: "Physical merchandise and touchpoints for impact.",          bentoComponent: "reveal-icon",          icon: Box,
-        },
       ]}
       title="What we build"
       description="Premium, intentional branding services for founders who demand excellence."
@@ -121,18 +98,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Discover", description: "Understand your vision.", bentoComponent: "reveal-icon", icon: Search },
-          title: "Discover",          description: "Understand your vision.",          bentoComponent: "reveal-icon",          icon: Search,
+        { title: "Define", description: "Shape the brand concept.", bentoComponent: "reveal-icon", icon: PenTool },
-        },
+        { title: "Build", description: "Create identity and assets.", bentoComponent: "reveal-icon", icon: Box },
-        {
+        { title: "Launch", description: "Present with confidence.", bentoComponent: "reveal-icon", icon: Rocket },
-          title: "Define",          description: "Shape the brand concept.",          bentoComponent: "reveal-icon",          icon: PenTool,
-        },
-        {
-          title: "Build",          description: "Create identity and assets.",          bentoComponent: "reveal-icon",          icon: Box,
-        },
-        {
-          title: "Launch",          description: "Present with confidence.",          bentoComponent: "reveal-icon",          icon: Rocket,
-        },
       ]}
       title="From idea to launch"
       description="Our 4-step boutique approach to business building."
@@ -146,18 +115,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "p1", name: "ORIGEN Identity", price: "Case Study", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=1" },
-          id: "p1",          name: "ORIGEN Identity",          price: "Case Study",          imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=1"},
+        { id: "p2", name: "Atmosphere Strategy", price: "Concept", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=2" },
-        {
+        { id: "p3", name: "Physical Touchpoints", price: "Execution", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=3" },
-          id: "p2",          name: "Atmosphere Strategy",          price: "Concept",          imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=2"},
+        { id: "p4", name: "Digital Launch", price: "Strategy", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=4" },
-        {
+        { id: "p5", name: "Packaging Design", price: "Print", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=5" },
-          id: "p3",          name: "Physical Touchpoints",          price: "Execution",          imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=3"},
+        { id: "p6", name: "Content Direction", price: "Launch", imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=6" },
-        {
-          id: "p4",          name: "Digital Launch",          price: "Strategy",          imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=4"},
-        {
-          id: "p5",          name: "Packaging Design",          price: "Print",          imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=5"},
-        {
-          id: "p6",          name: "Content Direction",          price: "Launch",          imageSrc: "http://img.b2bpic.net/free-photo/round-base-clear-drinking-glasses-brown-wooden-table-round-black-white-pendant-lamp_410324-63.jpg?_wi=6"},
       ]}
       title="Concept-led business creation"
       description="Showcasing ORIGEN, a specialty café brand concept launched by ANIRA BRAND."
@@ -170,15 +133,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Alignment", description: "Brand, space, and digital experience unified.", bentoComponent: "reveal-icon", icon: Link },
-          title: "Alignment",          description: "Brand, space, and digital experience unified.",          bentoComponent: "reveal-icon",          icon: Link,
+        { title: "Execution", description: "Real-world engineering, not just visual design.", bentoComponent: "reveal-icon", icon: Building },
-        },
+        { title: "Personalized", description: "Boutique focus for every individual founder.", bentoComponent: "reveal-icon", icon: Users },
-        {
-          title: "Execution",          description: "Real-world engineering, not just visual design.",          bentoComponent: "reveal-icon",          icon: Building,
-        },
-        {
-          title: "Personalized",          description: "Boutique focus for every individual founder.",          bentoComponent: "reveal-icon",          icon: Users,
-        },
       ]}
       title="Why founders choose ANIRA BRAND"
       description="We are a technical and strategic partner for your launch."
@@ -192,12 +149,9 @@ export default function LandingPage() {
       title="Who we work with"
       description="We partner with visionary founders launching physical businesses. From specialty cafés and boutique gyms to aesthetic wellness concepts and high-end lifestyle brands, we work with founders who need their brand to feel elevated and ready for the real world from day one."
       bulletPoints={[
-        {
+        { title: "Physical Concepts", description: "Retail, hospitality, and service-based brands." },
-          title: "Physical Concepts",          description: "Retail, hospitality, and service-based brands."},
+        { title: "Visionary Founders", description: "Entrepreneurs seeking high-quality, intentional presence." },
-        {
+        { title: "Launch Ready", description: "Businesses needing to stand out immediately." },
-          title: "Visionary Founders",          description: "Entrepreneurs seeking high-quality, intentional presence."},
-        {
-          title: "Launch Ready",          description: "Businesses needing to stand out immediately."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg"
       mediaAnimation="slide-up"
@@ -210,43 +164,23 @@ export default function LandingPage() {
       title="Ready to launch your business with intention?"
       description="Let’s build a brand that feels coherent, elevated, and ready for the real world. Book a discovery call today to discuss your vision."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name" },
-          name: "name",          type: "text",          placeholder: "Your Name"},
+        { name: "email", type: "email", placeholder: "Email Address" },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address"},
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Tell us about your project..." }}
-        name: "message",        placeholder: "Tell us about your project..."}}
       buttonText="Book your call"
       imageSrc="http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBase
+      <FooterMedia
-      columns={[
-        {
-          title: "ANIRA BRAND",          items: [
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Services",              href: "#services"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Studio",          items: [
-            {
-              label: "Work",              href: "#work"},
-            {
-              label: "Process",              href: "#process"},
-            {
-              label: "Clientele",              href: "#ideal-client"},
-          ],
-        },
-      ]}
       logoText="ANIRA BRAND"
+      imageSrc="http://img.b2bpic.net/free-photo/luxurious-interior-design_23-2148967925.jpg"
+      columns={[
+        { title: "Studio", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Process", href: "#process" }] },
+        { title: "Impact", items: [{ label: "Work", href: "#work" }, { label: "Clientele", href: "#ideal-client" }, { label: "Contact", href: "#contact" }] }
+      ]}
       copyrightText="© 2025 ANIRA BRAND. All rights reserved."
     />
   </div>