Files
0f4b1143-267a-4396-a6ae-818…/src/app/page.tsx
2026-01-06 15:50:23 +00:00

214 lines
13 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="mediumLarge"
sizing="medium"
background="noiseDiagonalGradient"
cardStyle="solid"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Sosibiby"
navItems={[
{ name: "Models", id: "portfolio" },
{ name: "Agency", id: "about" },
{ name: "Team", id: "team" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Apply Now", href: "contact"
}}
buttonClassName="text-sm font-semibold"
buttonTextClassName="font-serif"
/>
</div>
<div id="hero" data-section="hero" style={{ backgroundColor: "#f0e6ff" }}>
<HeroBillboardCarouselSplit
title="Discover Premium Talent with Sosibiby"
mediaItems={[
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698829767-sl4kacxs.jpg", imageAlt: "Professional model portrait" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698830838-spuir4pu.jpg", imageAlt: "Fashion model in studio" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698831556-lvx31nt1.jpg", imageAlt: "Runway model pose" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704133121-pum6pkge.jpg", imageAlt: "Beauty portrait model" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704134693-ae8j5sqw.jpg", imageAlt: "Professional photoshoot" },
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704135402-u7zernwu.jpg", imageAlt: "Elegant model portrait" }
]}
buttons={[
{ text: "Browse Models", href: "portfolio" },
{ text: "Become a Model", href: "contact" }
]}
ariaLabel="Hero section with featured models carousel"
titleClassName="font-serif text-5xl md:text-6xl font-bold"
/>
</div>
<div id="about" data-section="about" style={{ backgroundColor: "#e6f0ff" }}>
<MediaAbout
title="Representing Excellence in Modeling"
description="Sosibiby is a premier modeling agency dedicated to discovering, developing, and promoting the most talented models in the industry. With over a decade of experience, we connect exceptional talent with world-class opportunities in fashion, beauty, commercial, and entertainment sectors. Our commitment to professionalism and personalized representation sets us apart."
tag="About Us"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704146532-ar9x0ctq.jpg"
imageAlt="Sosibiby agency team"
useInvertedBackground="invertDefault"
buttons={[
{ text: "Our Portfolio", href: "portfolio" }
]}
/>
</div>
<div id="portfolio" data-section="portfolio" style={{ backgroundColor: "#a78bfa" }}>
<ProductCardOne
title="Featured Models"
description="Explore our exclusive roster of talented professionals ready for your next project"
tag="Portfolio"
products={[
{
id: "model-1", name: "Alexandra Moore", price: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767698832494-ef367cnz.jpg", imageAlt: "Alexandra Moore model portfolio"
},
{
id: "model-2", name: "James Chen", price: "Elite", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704136081-8k0zkwbl.jpg", imageAlt: "James Chen model portfolio"
},
{
id: "model-3", name: "Sofia Rodriguez", price: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704136830-ylcnl9cx.jpg", imageAlt: "Sofia Rodriguez model portfolio"
},
{
id: "model-4", name: "Emma Watson", price: "Elite", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704137466-21tu2neg.jpg", imageAlt: "Emma Watson model portfolio"
},
{
id: "model-5", name: "Lucas Malik", price: "Premium", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138002-s3dum7vh.jpg", imageAlt: "Lucas Malik model portfolio"
},
{
id: "model-6", name: "Isabelle Laurent", price: "Elite", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704138796-3jhwj20w.jpg", imageAlt: "Isabelle Laurent model portfolio"
}
]}
gridVariant="bento-grid"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
carouselMode="buttons"
/>
</div>
<div id="team" data-section="team" style={{ backgroundColor: "#e6d5ff" }}>
<TeamCardTen
title="Meet the Sosibiby Team"
tag="Leadership"
members={[
{
id: "1", name: "Victoria Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139352-zzdkijiu.jpg", imageAlt: "Victoria Chen, Founder & CEO"
},
{
id: "2", name: "Marcus Thompson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139921-3qkxpvn3.jpg", imageAlt: "Marcus Thompson, Head of Talent"
},
{
id: "3", name: "Sophia Petrov", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704140616-gerpgiei.jpg", imageAlt: "Sophia Petrov, Booking Director"
},
{
id: "4", name: "Aisha Okonkwo", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139352-zzdkijiu.jpg", imageAlt: "Aisha Okonkwo, Marketing Director"
},
{
id: "5", name: "David Lee", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704139921-3qkxpvn3.jpg", imageAlt: "David Lee, Operations Manager"
}
]}
memberVariant="default"
useInvertedBackground="invertCard"
/>
</div>
<div id="testimonials" data-section="testimonials" style={{ backgroundColor: "#fff0e6" }}>
<TestimonialCardEleven
title="Client Success Stories"
description="Hear from photographers, brands, and industry leaders who trust Sosibiby talent"
tag="Testimonials"
textboxLayout="default"
useInvertedBackground="noInvert"
testimonials={[
{
id: "1", nameTitle: "Paris Fashion Week Organizer", quote: "The models Sosibiby provided were absolutely exceptional. Professional, punctual, and photogenic. They elevated our entire runway show.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704141101-0h0ejuib.jpg", imageAlt: "Fashion week organizer"
},
{
id: "2", nameTitle: "David Kim, Leading Photographer", quote: "Working with Sosibiby's roster has been transformative for my studio. Their talent management is unparalleled in professionalism.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704141703-ibok9no2.jpg", imageAlt: "Professional photographer"
},
{
id: "3", nameTitle: "Luxury Brand Director", quote: "We've collaborated with Sosibiby for multiple campaigns. Their models understand brand vision and deliver exceptional results every time.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704142274-szqu4u27.jpg", imageAlt: "Brand director testimonial"
},
{
id: "4", nameTitle: "Emily Rodriguez, Content Creator", quote: "Sosibiby matched me with the perfect model for my project. The booking process was seamless and the talent was incredibly professional.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704142981-6upbidzq.jpg", imageAlt: "Content creator"
},
{
id: "5", nameTitle: "James Park, Commercial Director", quote: "The diversity and quality of talent at Sosibiby is remarkable. They consistently deliver models who exceed expectations.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704143875-f16fklle.jpg", imageAlt: "Commercial director"
},
{
id: "6", nameTitle: "Laura Bennett, Casting Agent", quote: "Sosibiby is my go-to agency for premium talent. Every model is well-prepared and brings professionalism to every shoot.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704145116-37i3w6eg.jpg", imageAlt: "Casting agent testimonial"
}
]}
/>
</div>
<div id="contact" data-section="contact" style={{ backgroundColor: "#ffe6d5" }}>
<ContactCenter
tag="Get Started"
title="Join the Sosibiby Family"
description="Whether you're an aspiring model or a brand looking for premium talent, we'd love to hear from you. Sign up to stay connected with exclusive opportunities."
useInvertedBackground="invertDefault"
inputPlaceholder="Enter your email address"
buttonText="Sign Up"
termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We respect your privacy and will only use your information for modeling opportunities."
/>
</div>
<div id="footer" data-section="footer" style={{ backgroundColor: "#f0ebff" }}>
<FooterMedia
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767704145507-m665a9i0.jpg"
imageAlt="Sosibiby runway models"
logoText="Sosibiby"
copyrightText="© 2025 Sosibiby Models Agency. All rights reserved."
columns={[
{
title: "Agency", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Models", href: "#portfolio" },
{ label: "Careers", href: "#careers" }
]
},
{
title: "Resources", items: [
{ label: "FAQ", href: "#faq" },
{ label: "Blog", href: "#blog" },
{ label: "Contact", href: "#contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#privacy" },
{ label: "Terms of Service", href: "#terms" },
{ label: "Cookie Policy", href: "#cookies" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}