214 lines
13 KiB
TypeScript
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>
|
|
);
|
|
}
|