From 708d32c433cbb97897f90677be7c890df603b7e9 Mon Sep 17 00:00:00 2001
From: mulika-local <vitaliimulika@gmail.com>
Date: Tue, 23 Dec 2025 16:12:08 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 506 ++++++++++++++++++-----------------------------
 1 file changed, 193 insertions(+), 313 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 87b50e7..8c9b6a2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,15 +1,6 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
-import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
-import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
-import TeamCardFour from '@/components/sections/team/TeamCardFour';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import ContactInline from '@/components/sections/contact/ContactInline';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function LandingPage() {
   return (
@@ -25,315 +16,204 @@ export default function LandingPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="medium"
     >
-      <div id="nav" data-section="nav">
-        <NavbarStyleMinimal
-          brandName="Biba & Boba"
-          button={{
-            text: "Join Our Team",
-            href: "contact"
-          }}
-        />
-      </div>
+      <div className="min-h-screen bg-gradient-to-br from-pink-50 via-purple-50 to-indigo-50">
+        <div className="container mx-auto px-6 py-20">
+          <div className="text-center">
+            <h1 className="text-6xl font-bold bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent mb-6">
+              Biba & Boba
+            </h1>
+            <p className="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">
+              Premier modeling agency dedicated to discovering and nurturing exceptional talent across fashion, editorial, and commercial sectors.
+            </p>
+            <div className="space-y-4">
+              <button className="bg-gradient-to-r from-purple-600 to-pink-600 text-white px-8 py-3 rounded-full hover:shadow-lg transition-all duration-300 mr-4">
+                Apply Now
+              </button>
+              <button className="border-2 border-purple-600 text-purple-600 px-8 py-3 rounded-full hover:bg-purple-600 hover:text-white transition-all duration-300">
+                Explore Portfolio
+              </button>
+            </div>
+          </div>
+          
+          <div className="mt-20 grid md:grid-cols-2 gap-12 items-center">
+            <div>
+              <h2 className="text-3xl font-bold text-gray-900 mb-6">About Biba & Boba Agency</h2>
+              <p className="text-gray-600 mb-6">
+                With over 15 years of industry expertise, Biba & Boba has established itself as a leading force in talent representation. We pride ourselves on developing comprehensive career strategies for our models while maintaining the highest professional standards.
+              </p>
+            </div>
+            <div className="relative">
+              <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505308724-qtq9ph78.jpg" alt="Professional modeling agency team" className="rounded-lg shadow-xl" />
+            </div>
+          </div>
 
-      <div id="hero" data-section="hero">
-        <HeroBillboardSplit
-          title="Elevate Your Modeling Career"
-          description="Partner with Biba & Boba, the premier modeling agency dedicated to discovering and nurturing exceptional talent. We represent models across fashion, editorial, commercial, and entertainment sectors."
-          tag="Talent & Representation"
-          buttons={[
-            {
-              text: "Apply Now",
-              href: "contact"
-            },
-            {
-              text: "Explore Portfolio",
-              href: "about"
-            }
-          ]}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505305280-h893dus5.jpg"
-          imageAlt="Professional models on runway"
-          frameStyle="browser"
-        />
-      </div>
+          <div className="mt-20">
+            <div className="text-center mb-12">
+              <h2 className="text-3xl font-bold text-gray-900 mb-4">Services & Representation</h2>
+              <p className="text-gray-600">Comprehensive solutions for every stage of your modeling career</p>
+            </div>
+            
+            <div className="grid md:grid-cols-3 gap-8">
+              <div className="bg-white p-8 rounded-xl shadow-lg">
+                <h3 className="text-xl font-semibold text-gray-900 mb-4">Talent Discovery & Development</h3>
+                <ul className="space-y-2 text-gray-600">
+                  <li>• Professional scouting and recruitment</li>
+                  <li>• Comprehensive skill assessment</li>
+                  <li>• Portfolio development support</li>
+                  <li>• Career path planning</li>
+                </ul>
+              </div>
+              
+              <div className="bg-white p-8 rounded-xl shadow-lg">
+                <h3 className="text-xl font-semibold text-gray-900 mb-4">Industry Connections & Opportunities</h3>
+                <ul className="space-y-2 text-gray-600">
+                  <li>• Access to top-tier clients</li>
+                  <li>• Exclusive casting calls</li>
+                  <li>• Contract negotiation</li>
+                  <li>• Career advancement strategy</li>
+                </ul>
+              </div>
+              
+              <div className="bg-white p-8 rounded-xl shadow-lg">
+                <h3 className="text-xl font-semibold text-gray-900 mb-4">Professional Growth & Guidance</h3>
+                <ul className="space-y-2 text-gray-600">
+                  <li>• Personal brand building</li>
+                  <li>• Training and coaching</li>
+                  <li>• Image consultation</li>
+                  <li>• Industry mentorship</li>
+                </ul>
+              </div>
+            </div>
+          </div>
 
-      <div id="about" data-section="about">
-        <ParallaxAbout
-          title="About Biba & Boba Agency"
-          description="With over 15 years of industry expertise, Biba & Boba has established itself as a leading force in talent representation. We pride ourselves on developing comprehensive career strategies for our models while maintaining the highest professional standards."
-          tag="Our Story"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505308724-qtq9ph78.jpg"
-          imageAlt="Professional modeling agency team"
-          buttons={[
-            {
-              text: "Our Services",
-              href: "features"
-            }
-          ]}
-        />
-      </div>
+          <div className="mt-20">
+            <div className="text-center mb-12">
+              <h2 className="text-3xl font-bold text-gray-900 mb-4">Meet Our Team</h2>
+              <p className="text-gray-600">Dedicated professionals committed to model success</p>
+            </div>
+            
+            <div className="grid md:grid-cols-3 lg:grid-cols-6 gap-6">
+              <div className="text-center">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505313596-ab7bpgcg.jpg" alt="Sophia Mendez" className="w-24 h-24 rounded-full mx-auto mb-3 object-cover" />
+                <h3 className="font-semibold text-gray-900">Sophia Mendez</h3>
+                <p className="text-sm text-gray-600">Founder & CEO</p>
+              </div>
+              
+              <div className="text-center">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505314558-9girzuo5.jpg" alt="Marcus Rivera" className="w-24 h-24 rounded-full mx-auto mb-3 object-cover" />
+                <h3 className="font-semibold text-gray-900">Marcus Rivera</h3>
+                <p className="text-sm text-gray-600">Head of Scouting</p>
+              </div>
+              
+              <div className="text-center">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505315472-0rqtyusi.jpg" alt="Elena Rossi" className="w-24 h-24 rounded-full mx-auto mb-3 object-cover" />
+                <h3 className="font-semibold text-gray-900">Elena Rossi</h3>
+                <p className="text-sm text-gray-600">Career Manager</p>
+              </div>
+              
+              <div className="text-center">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505316351-p3tpql0l.jpg" alt="David Park" className="w-24 h-24 rounded-full mx-auto mb-3 object-cover" />
+                <h3 className="font-semibold text-gray-900">David Park</h3>
+                <p className="text-sm text-gray-600">Portfolio Director</p>
+              </div>
+              
+              <div className="text-center">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505317374-cv1w8pmh.jpg" alt="Victoria Brooks" className="w-24 h-24 rounded-full mx-auto mb-3 object-cover" />
+                <h3 className="font-semibold text-gray-900">Victoria Brooks</h3>
+                <p className="text-sm text-gray-600">Styling Coach</p>
+              </div>
+              
+              <div className="text-center">
+                <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505318279-jh4iqdth.jpg" alt="James Chen" className="w-24 h-24 rounded-full mx-auto mb-3 object-cover" />
+                <h3 className="font-semibold text-gray-900">James Chen</h3>
+                <p className="text-sm text-gray-600">Events Coordinator</p>
+              </div>
+            </div>
+          </div>
 
-      <div id="features" data-section="features">
-        <FeatureCardTwelve
-          title="Services & Representation"
-          description="Comprehensive solutions for every stage of your modeling career"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          features={[
-            {
-              id: "scouting",
-              label: "Scouting",
-              title: "Talent Discovery & Development",
-              items: [
-                "Professional scouting and recruitment",
-                "Comprehensive skill assessment",
-                "Portfolio development support",
-                "Career path planning"
-              ]
-            },
-            {
-              id: "representation",
-              label: "Representation",
-              title: "Industry Connections & Opportunities",
-              items: [
-                "Access to top-tier clients",
-                "Exclusive casting calls",
-                "Contract negotiation",
-                "Career advancement strategy"
-              ]
-            },
-            {
-              id: "support",
-              label: "Support",
-              title: "Professional Growth & Guidance",
-              items: [
-                "Personal brand building",
-                "Training and coaching",
-                "Image consultation",
-                "Industry mentorship"
-              ]
-            }
-          ]}
-        />
-      </div>
+          <div className="mt-20">
+            <div className="text-center mb-12">
+              <h2 className="text-3xl font-bold text-gray-900 mb-4">Success Stories</h2>
+              <p className="text-gray-600">Hear from models who have transformed their careers with Biba & Boba</p>
+            </div>
+            
+            <div className="grid md:grid-cols-2 gap-8">
+              <div className="bg-white p-6 rounded-xl shadow-lg">
+                <div className="flex items-center mb-4">
+                  <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505309816-u8qntja5.jpg" alt="Isabella Martinez" className="w-12 h-12 rounded-full mr-4 object-cover" />
+                  <div>
+                    <h3 className="font-semibold text-gray-900">Isabella Martinez</h3>
+                    <p className="text-sm text-gray-600">Fashion Model</p>
+                  </div>
+                </div>
+                <p className="text-gray-600">"Biba & Boba completely transformed my modeling career. Their team's dedication and industry connections opened doors I never thought possible. I've worked with incredible brands and traveled the world."</p>
+              </div>
+              
+              <div className="bg-white p-6 rounded-xl shadow-lg">
+                <div className="flex items-center mb-4">
+                  <img src="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505310580-rfxty449.jpg" alt="Thomas Anderson" className="w-12 h-12 rounded-full mr-4 object-cover" />
+                  <div>
+                    <h3 className="font-semibold text-gray-900">Thomas Anderson</h3>
+                    <p className="text-sm text-gray-600">Commercial Model</p>
+                  </div>
+                </div>
+                <p className="text-gray-600">"The professionalism and support from the team is unmatched. They genuinely care about their models' success and provide guidance every step of the way. Highly recommended for anyone serious about modeling."</p>
+              </div>
+            </div>
+          </div>
 
-      <div id="team" data-section="team">
-        <TeamCardFour
-          title="Meet Our Team"
-          description="Dedicated professionals committed to model success"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          team={[
-            {
-              id: "1",
-              name: "Sophia Mendez",
-              role: "Founder & CEO",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505313596-ab7bpgcg.jpg"
-            },
-            {
-              id: "2",
-              name: "Marcus Rivera",
-              role: "Head of Scouting",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505314558-9girzuo5.jpg"
-            },
-            {
-              id: "3",
-              name: "Elena Rossi",
-              role: "Career Manager",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505315472-0rqtyusi.jpg"
-            },
-            {
-              id: "4",
-              name: "David Park",
-              role: "Portfolio Director",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505316351-p3tpql0l.jpg"
-            },
-            {
-              id: "5",
-              name: "Victoria Brooks",
-              role: "Styling Coach",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505317374-cv1w8pmh.jpg"
-            },
-            {
-              id: "6",
-              name: "James Chen",
-              role: "Events Coordinator",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505318279-jh4iqdth.jpg"
-            }
-          ]}
-          speed={35}
-        />
-      </div>
+          <div className="mt-20 text-center bg-gradient-to-r from-purple-600 to-pink-600 rounded-2xl p-12">
+            <h2 className="text-3xl font-bold text-white mb-4">Ready to launch your modeling career?</h2>
+            <div className="flex max-w-md mx-auto">
+              <input type="email" placeholder="Enter your email" className="flex-1 px-4 py-3 rounded-l-full border-0 focus:outline-none" />
+              <button className="bg-white text-purple-600 px-6 py-3 rounded-r-full hover:bg-gray-100 transition-colors duration-300">
+                Get Started
+              </button>
+            </div>
+          </div>
 
-      <div id="testimonials" data-section="testimonials">
-        <TestimonialCardTwo
-          title="Success Stories"
-          description="Hear from models who have transformed their careers with Biba & Boba"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-          testimonials={[
-            {
-              id: "1",
-              name: "Isabella Martinez",
-              role: "Fashion Model",
-              testimonial: "Biba & Boba completely transformed my modeling career. Their team's dedication and industry connections opened doors I never thought possible. I've worked with incredible brands and traveled the world.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505309816-u8qntja5.jpg",
-              starColor: "red"
-            },
-            {
-              id: "2",
-              name: "Thomas Anderson",
-              role: "Commercial Model",
-              testimonial: "The professionalism and support from the team is unmatched. They genuinely care about their models' success and provide guidance every step of the way. Highly recommended for anyone serious about modeling.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505310580-rfxty449.jpg",
-              starColor: "red"
-            },
-            {
-              id: "3",
-              name: "Amira Okonkwo",
-              role: "Editorial Model",
-              testimonial: "From my first day, I felt valued and supported. The agency's strategic approach to building my portfolio and brand has been instrumental in landing prestigious editorials. I'm grateful every day.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505311523-y83os2nz.jpg",
-              starColor: "red"
-            },
-            {
-              id: "4",
-              name: "Lucas Fontaine",
-              role: "Runway Model",
-              testimonial: "Working with Biba & Boba has been a game-changer. Their connections with top designers and brands are incredible. They've helped me transition from local shows to international runway work.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505312690-6trqumg8.jpg",
-              starColor: "red"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactInline
-          text="Ready to launch your modeling career?"
-          animationType="entrance-slide"
-          inputPlaceholder="Enter your email"
-          buttonText="Get Started"
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
-      <div id="testimonials-card-one" data-section="testimonials-card-one">
-        <TestimonialCardOne
-          title="Client Testimonials"
-          description="Success stories from our valued clients"
-          testimonials={[
-            {
-              id: "1",
-              name: "Alexandra Sterling",
-              role: "Model",
-              company: "Biba & Boba Elite",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505309816-u8qntja5.jpg",
-              imageAlt: "Alexandra Sterling",
-              starColor: "red"
-            },
-            {
-              id: "2",
-              name: "Jordan Blake",
-              role: "Model",
-              company: "Biba & Boba Elite",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505310580-rfxty449.jpg",
-              imageAlt: "Jordan Blake",
-              starColor: "red"
-            },
-            {
-              id: "3",
-              name: "Maya Patel",
-              role: "Model",
-              company: "Biba & Boba Elite",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505311523-y83os2nz.jpg",
-              imageAlt: "Maya Patel",
-              starColor: "red"
-            },
-            {
-              id: "4",
-              name: "Sebastian Cross",
-              role: "Model",
-              company: "Biba & Boba Elite",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505312690-6trqumg8.jpg",
-              imageAlt: "Sebastian Cross",
-              starColor: "red"
-            }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterMedia
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505307609-yqz91z3h.jpg"
-          imageAlt="Runway fashion event"
-          logoText="Biba & Boba"
-          copyrightText="© 2025 Biba & Boba Modeling Agency. All rights reserved."
-          columns={[
-            {
-              title: "Company",
-              items: [
-                {
-                  label: "About Us",
-                  href: "about"
-                },
-                {
-                  label: "Our Services",
-                  href: "features"
-                },
-                {
-                  label: "Team",
-                  href: "team"
-                }
-              ]
-            },
-            {
-              title: "For Models",
-              items: [
-                {
-                  label: "Join Our Agency",
-                  href: "contact"
-                },
-                {
-                  label: "Portfolio Tips",
-                  href: "#"
-                },
-                {
-                  label: "Career Resources",
-                  href: "#"
-                }
-              ]
-            },
-            {
-              title: "Legal",
-              items: [
-                {
-                  label: "Privacy Policy",
-                  href: "#"
-                },
-                {
-                  label: "Terms of Service",
-                  href: "#"
-                },
-                {
-                  label: "Contact",
-                  href: "contact"
-                }
-              ]
-            }
-          ]}
-        />
+          <div className="mt-20 pt-12 border-t border-gray-200">
+            <div className="grid md:grid-cols-4 gap-8">
+              <div>
+                <h3 className="text-2xl font-bold bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent mb-4">
+                  Biba & Boba
+                </h3>
+              </div>
+              
+              <div>
+                <h4 className="font-semibold text-gray-900 mb-3">Company</h4>
+                <ul className="space-y-2 text-gray-600">
+                  <li><a href="#about" className="hover:text-purple-600">About Us</a></li>
+                  <li><a href="#features" className="hover:text-purple-600">Our Services</a></li>
+                  <li><a href="#team" className="hover:text-purple-600">Team</a></li>
+                </ul>
+              </div>
+              
+              <div>
+                <h4 className="font-semibold text-gray-900 mb-3">For Models</h4>
+                <ul className="space-y-2 text-gray-600">
+                  <li><a href="#contact" className="hover:text-purple-600">Join Our Agency</a></li>
+                  <li><a href="#" className="hover:text-purple-600">Portfolio Tips</a></li>
+                  <li><a href="#" className="hover:text-purple-600">Career Resources</a></li>
+                </ul>
+              </div>
+              
+              <div>
+                <h4 className="font-semibold text-gray-900 mb-3">Legal</h4>
+                <ul className="space-y-2 text-gray-600">
+                  <li><a href="#" className="hover:text-purple-600">Privacy Policy</a></li>
+                  <li><a href="#" className="hover:text-purple-600">Terms of Service</a></li>
+                  <li><a href="#contact" className="hover:text-purple-600">Contact</a></li>
+                </ul>
+              </div>
+            </div>
+            
+            <div className="text-center mt-12 pt-8 border-t border-gray-200">
+              <p className="text-gray-600">© 2025 Biba & Boba Modeling Agency. All rights reserved.</p>
+            </div>
+          </div>
+        </div>
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file