Merge version_1 into main #1
364
src/app/page.tsx
364
src/app/page.tsx
@@ -26,258 +26,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Belcastro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Belcastro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Global Creative Powerhouse"
|
||||
description="Belcastro Records redefines the sound and vision of modern culture. Music production, strategic marketing, and audiovisual excellence."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-painter-using-watercolor-his-art-studio_23-2150213638.jpg",
|
||||
alt: "Artist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg",
|
||||
alt: "Artist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/senior-hobby-art-creator-taking-notes-keeping-journal-learning-progress-creative-workshop-looking-easel-home-art-studio-elderly-man-artist-sitting-wheelchair-doing-sketch-notebook_482257-42574.jpg",
|
||||
alt: "Artist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg",
|
||||
alt: "Artist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg",
|
||||
alt: "Artist",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by top creators"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Sonic Innovation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Strategic Vision",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Audiovisual Mastery",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Cultural Impact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="Global Creative Powerhouse"
|
||||
description="Belcastro Records redefines the sound and vision of modern culture. Music production, strategic marketing, and audiovisual excellence."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/male-painter-using-watercolor-his-art-studio_23-2150213638.jpg", alt: "Artist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg", alt: "Artist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/senior-hobby-art-creator-taking-notes-keeping-journal-learning-progress-creative-workshop-looking-easel-home-art-studio-elderly-man-artist-sitting-wheelchair-doing-sketch-notebook_482257-42574.jpg", alt: "Artist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg", alt: "Artist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg", alt: "Artist" },
|
||||
]}
|
||||
avatarText="Trusted by top creators"
|
||||
buttons={[{ text: "Explore Services", href: "#services" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Sonic Innovation" },
|
||||
{ type: "text", text: "Global Reach" },
|
||||
{ type: "text", text: "Strategic Vision" },
|
||||
{ type: "text", text: "Audiovisual Mastery" },
|
||||
{ type: "text", text: "Cultural Impact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Mastery in Audiovisual Innovation"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Mastery in Audiovisual Innovation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Music Production",
|
||||
description: "Industry-leading sonic landscapes tailored to your brand identity.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-flowing-particle-background_1048-11869.jpg",
|
||||
imageAlt: "Music Production",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Music,
|
||||
text: "Full Studio Access",
|
||||
},
|
||||
{
|
||||
icon: Mic,
|
||||
text: "Professional Engineering",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Strategic Sound Design",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-headphones_23-2149199986.jpg",
|
||||
imageAlt: "professional recording studio night mood",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Creative Disciplines"
|
||||
description="Delivering high-end production and marketing solutions for visionaries."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Premium Music Production", description: "Industry-leading sonic landscapes tailored to your brand identity.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-flowing-particle-background_1048-11869.jpg", imageAlt: "Music Production"},
|
||||
items: [
|
||||
{ icon: Music, text: "Full Studio Access" },
|
||||
{ icon: Mic, text: "Professional Engineering" },
|
||||
{ icon: Zap, text: "Strategic Sound Design" },
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Creative Disciplines"
|
||||
description="Delivering high-end production and marketing solutions for visionaries."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-painter-using-watercolor-his-art-studio_23-2150213638.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-hobby-art-creator-taking-notes-keeping-journal-learning-progress-creative-workshop-looking-easel-home-art-studio-elderly-man-artist-sitting-wheelchair-doing-sketch-notebook_482257-42574.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena Petrova",
|
||||
role: "Head of Art",
|
||||
company: "GlobalVision",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "150+",
|
||||
label: "Projects Completed",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Global Partnerships",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
label: "Grammy Nominations",
|
||||
},
|
||||
]}
|
||||
title="Voices of the Visionary"
|
||||
description="Collaborating with elite talent across the globe."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/male-painter-using-watercolor-his-art-studio_23-2150213638.jpg" },
|
||||
{ id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg" },
|
||||
{ id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/senior-hobby-art-creator-taking-notes-keeping-journal-learning-progress-creative-workshop-looking-easel-home-art-studio-elderly-man-artist-sitting-wheelchair-doing-sketch-notebook_482257-42574.jpg" },
|
||||
{ id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-posing_23-2149154619.jpg" },
|
||||
{ id: "5", name: "Elena Petrova", role: "Head of Art", company: "GlobalVision", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-having-fun-with-his-friends-playing-videogames-chatting-online-using-headphones-microphone_482257-77062.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "150+", label: "Projects Completed" },
|
||||
{ value: "50+", label: "Global Partnerships" },
|
||||
{ value: "12", label: "Grammy Nominations" },
|
||||
]}
|
||||
title="Voices of the Visionary"
|
||||
description="Collaborating with elite talent across the globe."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Your Sound"
|
||||
description="Partner with Belcastro Records today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/filmmaker-recording-presentation-tripod-fluid-head-vlog-discussion-about-videography-accessories-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-s_482257-3959.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get in Touch"
|
||||
title="Let's Build Your Sound"
|
||||
description="Partner with Belcastro Records today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/filmmaker-recording-presentation-tripod-fluid-head-vlog-discussion-about-videography-accessories-professional-studio-video-photo-equipment-technology-work-photo-studio-social-media-s_482257-3959.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Belcastro Records"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Production",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Marketing",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Belcastro Records"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Production", href: "#services" },
|
||||
{ label: "Marketing", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Legal", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user