Merge version_4 into main

Merge version_4 into main

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,306 +16,203 @@ export default function LandingPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="medium"
     >
-      <div id="nav" data-section="nav">
+      <div className="min-h-screen bg-gradient-to-br from-pink-50 via-purple-50 to-indigo-50">
-        <NavbarStyleMinimal
+        <div className="container mx-auto px-6 py-20">
-          brandName="Biba & Boba"
+          <div className="text-center">
-          button={{
+            <h1 className="text-6xl font-bold bg-gradient-to-r from-purple-600 to-pink-600 bg-clip-text text-transparent mb-6">
-            text: "Join Our Team",
+              Biba & Boba
-            href: "contact"
+            </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.
-      </div>
+            </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 id="hero" data-section="hero">
+          <div className="mt-20 grid md:grid-cols-2 gap-12 items-center">
-        <HeroBillboardSplit
+            <div>
-          title="Elevate Your Modeling Career"
+              <h2 className="text-3xl font-bold text-gray-900 mb-6">About Biba & Boba Agency</h2>
-          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."
+              <p className="text-gray-600 mb-6">
-          tag="Talent & Representation"
+                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.
-          buttons={[
+              </p>
-            {
+            </div>
-              text: "Apply Now",
+            <div className="relative">
-              href: "contact"
+              <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>
-              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 id="about" data-section="about">
+          <div className="mt-20">
-        <ParallaxAbout
+            <div className="text-center mb-12">
-          title="About Biba & Boba Agency"
+              <h2 className="text-3xl font-bold text-gray-900 mb-4">Services & Representation</h2>
-          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."
+              <p className="text-gray-600">Comprehensive solutions for every stage of your modeling career</p>
-          tag="Our Story"
+            </div>
-          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 id="features" data-section="features">
+            <div className="grid md:grid-cols-3 gap-8">
-        <FeatureCardTwelve
+              <div className="bg-white p-8 rounded-xl shadow-lg">
-          title="Services & Representation"
+                <h3 className="text-xl font-semibold text-gray-900 mb-4">Talent Discovery & Development</h3>
-          description="Comprehensive solutions for every stage of your modeling career"
+                <ul className="space-y-2 text-gray-600">
-          animationType="slide-up"
+                  <li>• Professional scouting and recruitment</li>
-          textboxLayout="default"
+                  <li>• Comprehensive skill assessment</li>
-          useInvertedBackground="noInvert"
+                  <li>• Portfolio development support</li>
-          features={[
+                  <li>• Career path planning</li>
-            {
+                </ul>
-              id: "scouting",
+              </div>
-              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 id="team" data-section="team">
+              <div className="bg-white p-8 rounded-xl shadow-lg">
-        <TeamCardFour
+                <h3 className="text-xl font-semibold text-gray-900 mb-4">Industry Connections & Opportunities</h3>
-          title="Meet Our Team"
+                <ul className="space-y-2 text-gray-600">
-          description="Dedicated professionals committed to model success"
+                  <li>• Access to top-tier clients</li>
-          animationType="slide-up"
+                  <li>• Exclusive casting calls</li>
-          textboxLayout="default"
+                  <li>• Contract negotiation</li>
-          useInvertedBackground="noInvert"
+                  <li>• Career advancement strategy</li>
-          team={[
+                </ul>
-            {
+              </div>
-              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 id="testimonials" data-section="testimonials">
+              <div className="bg-white p-8 rounded-xl shadow-lg">
-        <TestimonialCardTwo
+                <h3 className="text-xl font-semibold text-gray-900 mb-4">Professional Growth & Guidance</h3>
-          title="Success Stories"
+                <ul className="space-y-2 text-gray-600">
-          description="Hear from models who have transformed their careers with Biba & Boba"
+                  <li>• Personal brand building</li>
-          animationType="slide-up"
+                  <li>• Training and coaching</li>
-          textboxLayout="default"
+                  <li>• Image consultation</li>
-          useInvertedBackground="noInvert"
+                  <li>• Industry mentorship</li>
-          testimonials={[
+                </ul>
-            {
+              </div>
-              id: "1",
+            </div>
-              name: "Isabella Martinez",
+          </div>
-              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"
-            },
-            {
-              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"
-            },
-            {
-              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"
-            },
-            {
-              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"
-            }
-          ]}
-        />
-      </div>
 
-      <div id="contact" data-section="contact">
+          <div className="mt-20">
-        <ContactInline
+            <div className="text-center mb-12">
-          text="Ready to launch your modeling career?"
+              <h2 className="text-3xl font-bold text-gray-900 mb-4">Meet Our Team</h2>
-          animationType="entrance-slide"
+              <p className="text-gray-600">Dedicated professionals committed to model success</p>
-          inputPlaceholder="Enter your email"
+            </div>
-          buttonText="Get Started"
-          useInvertedBackground="noInvert"
-        />
-      </div>
             
-      <div id="testimonials-card-one" data-section="testimonials-card-one">
+            <div className="grid md:grid-cols-3 lg:grid-cols-6 gap-6">
-        <TestimonialCardOne
+              <div className="text-center">
-          title="Client Testimonials"
+                <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" />
-          description="Success stories from our valued clients"
+                <h3 className="font-semibold text-gray-900">Sophia Mendez</h3>
-          testimonials={[
+                <p className="text-sm text-gray-600">Founder & CEO</p>
-            {
+              </div>
-              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"
-            },
-            {
-              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"
-            },
-            {
-              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"
-            },
-            {
-              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"
-            }
-          ]}
-          gridVariant="uniform-all-items-equal"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground="noInvert"
-        />
-      </div>
               
-      <div id="footer" data-section="footer">
+              <div className="text-center">
-        <FooterMedia
+                <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" />
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766505307609-yqz91z3h.jpg"
+                <h3 className="font-semibold text-gray-900">Marcus Rivera</h3>
-          imageAlt="Runway fashion event"
+                <p className="text-sm text-gray-600">Head of Scouting</p>
-          logoText="Biba & Boba"
+              </div>
-          copyrightText="© 2025 Biba & Boba Modeling Agency. All rights reserved."
+              
-          columns={[
+              <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" />
-              title: "Company",
+                <h3 className="font-semibold text-gray-900">Elena Rossi</h3>
-              items: [
+                <p className="text-sm text-gray-600">Career Manager</p>
-                {
+              </div>
-                  label: "About Us",
+              
-                  href: "about"
+              <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>
-                  label: "Our Services",
+                <p className="text-sm text-gray-600">Portfolio Director</p>
-                  href: "features"
+              </div>
-                },
+              
-                {
+              <div className="text-center">
-                  label: "Team",
+                <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" />
-                  href: "team"
+                <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">
-              title: "For Models",
+                <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" />
-              items: [
+                <h3 className="font-semibold text-gray-900">James Chen</h3>
-                {
+                <p className="text-sm text-gray-600">Events Coordinator</p>
-                  label: "Join Our Agency",
+              </div>
-                  href: "contact"
+            </div>
-                },
+          </div>
-                {
+
-                  label: "Portfolio Tips",
+          <div className="mt-20">
-                  href: "#"
+            <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>
-                  label: "Career Resources",
+            </div>
-                  href: "#"
+            
-                }
+            <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" />
-              title: "Legal",
+                  <div>
-              items: [
+                    <h3 className="font-semibold text-gray-900">Isabella Martinez</h3>
-                {
+                    <p className="text-sm text-gray-600">Fashion Model</p>
-                  label: "Privacy Policy",
+                  </div>
-                  href: "#"
+                </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>
-                  label: "Terms of Service",
+              
-                  href: "#"
+              <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" />
-                  label: "Contact",
+                  <div>
-                  href: "contact"
+                    <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 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 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>
   );