340 lines
12 KiB
TypeScript
340 lines
12 KiB
TypeScript
"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 (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="medium"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Biba & Boba"
|
|
button={{
|
|
text: "Join Our Team",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</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 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 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 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 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>
|
|
</ThemeProvider>
|
|
);
|
|
}
|