|
|
|
|
@@ -2,17 +2,13 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
|
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
|
|
|
|
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
|
|
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
|
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
|
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
|
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
|
|
|
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
|
|
|
|
import TextAbout from '@/components/sections/about/TextAbout';
|
|
|
|
|
import { Globe, Headphones, Music, Waves, Zap } from "lucide-react";
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -22,11 +18,11 @@ export default function LandingPage() {
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="small"
|
|
|
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
|
|
|
background="floatingGradient"
|
|
|
|
|
cardStyle="inset"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="outline"
|
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
|
headingFontWeight="normal"
|
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
|
>
|
|
|
|
|
<ReactLenis root>
|
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
|
@@ -43,33 +39,21 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCentered
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
title="Amplifying Sound. Defining Culture."
|
|
|
|
|
description="I Bang Records is your home for the next wave of underground artists and cutting-edge sound design."
|
|
|
|
|
avatars={[
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/handsome-young-musician-with-stylish-hair-elegant-clothes-with-guitar-his-hands-playing-posing-dark-background_613910-18283.jpg", alt: "professional musician artist portrait" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/young-stylish-sound-producer-confidently-looking-camera-working-modern-recording-studio_574295-4258.jpg", alt: "Young stylish sound producer confidently looking in camera working in modern recording studio" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/musician-posing-with-his-instrument_150588-99.jpg", alt: "musician posing with his instrument" },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/handsome-young-musician-with-stylish-hair-t-shirt-holds-guitar-his-hands-playing-isolated-dark-background_613910-18302.jpg", alt: "Handsome young musician with stylish hair in a t-shirt, holds a guitar in his hands and playing. Isolated on a dark background." },
|
|
|
|
|
{ src: "http://img.b2bpic.net/free-photo/stylish-young-musician-with-stylish-hair-elegant-clothes-with-guitar-his-hands-playing-posing-dark-background_613910-5041.jpg", alt: "Stylish young musician with stylish hair in elegant clothes with a guitar in his hands playing and posing on a dark background." },
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "Listen Now", href: "#products" }]}
|
|
|
|
|
marqueeItems={[
|
|
|
|
|
{ type: "text-icon", text: "Techno Elite", icon: Music },
|
|
|
|
|
{ type: "text-icon", text: "Underground Vibes", icon: Zap },
|
|
|
|
|
{ type: "text-icon", text: "Global Reach", icon: Globe },
|
|
|
|
|
{ type: "text-icon", text: "Premium Sound", icon: Headphones },
|
|
|
|
|
{ type: "text-icon", text: "Next Wave", icon: Waves },
|
|
|
|
|
]}
|
|
|
|
|
<HeroSplit
|
|
|
|
|
background={{ variant: "radial-gradient" }}
|
|
|
|
|
title="I Bang Records"
|
|
|
|
|
description="A Record Label that works with all Genres of Music. Specializes in Hip Hop, Rap and R & B. We are a Family that has visions of Entertaining the World. We are making artist known and uplifting their careers in new ways."
|
|
|
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxL59q8tfUcPSZDT56Hr5rHLLc/uploaded-1777323889174-0kwrky4p.jpg"
|
|
|
|
|
imagePosition="right"
|
|
|
|
|
buttons={[{ text: "Discover Artists", href: "#features" }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
|
<TextAbout
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
title="Welcome to I Bang Records"
|
|
|
|
|
tag="About Us"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="Define Music for the Future with sounds of the Past. Build a Family in Entertainment."
|
|
|
|
|
tag="Our Mission"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -77,15 +61,14 @@ export default function LandingPage() {
|
|
|
|
|
<FeatureCardNine
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
features={[
|
|
|
|
|
{ title: "Techno Elite", description: "Global headlining acts.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/art-neon-fashion-men-s-portrait-handsome-guy-model-posing-outdoors-listening-music-headphones-red-green-filters-half-face_158538-4507.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-tattooed-young-man-holding-dry-plant-leaves-hand-standing-against-gray-background_23-2148121883.jpg" } },
|
|
|
|
|
{ title: "Experimental Sound", description: "Pushing the boundaries.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-musician-with-stylish-hair-elegant-clothes-posing-with-guitar-his-hands-dark-background_613910-5029.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-face-make-up-woman-with-green-eyes_23-2148282165.jpg" } },
|
|
|
|
|
{ title: "Rising Stars", description: "Fresh talent on the rise.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-with-transparent-sheet_23-2149417585.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-man-traditional-celtic-clothes-playing-mandolin-grey-vignette-background_613910-13774.jpg" } },
|
|
|
|
|
]}
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
showStepNumbers={false}
|
|
|
|
|
title="Our Roster"
|
|
|
|
|
description="Showcasing the most talented and diverse artists in the electronic music scene today."
|
|
|
|
|
features={[
|
|
|
|
|
{ title: "Rap Legends", description: "Raw, unfiltered lyrical powerhouses.", phoneOne: { imageSrc: "https://img.freepik.com/free-photo/cool-urban-rapper-portrait_23-2149417590.jpg" }, phoneTwo: { imageSrc: "https://img.freepik.com/free-photo/artist-posing-graffiti-wall_23-2149489847.jpg" } },
|
|
|
|
|
{ title: "R&B Soul", description: "Deep, melodic vibes for the modern era.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxL59q8tfUcPSZDT56Hr5rHLLc/uploaded-1777330442637-y85li8j7.jpg" }, phoneTwo: { imageSrc: "https://img.freepik.com/free-photo/urban-music-producer-studio_23-2149005458.jpg?_wi=1" } },
|
|
|
|
|
]}
|
|
|
|
|
title="Our Artists"
|
|
|
|
|
description="We house the most influential Rap and R&B voices in the scene."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -94,86 +77,38 @@ export default function LandingPage() {
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
gridVariant="uniform-all-items-equal"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
products={[
|
|
|
|
|
{ id: "r1", name: "Midnight Pulse", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-empty-menu-paper-plate-with-leaves_23-2148496904.jpg" },
|
|
|
|
|
{ id: "r2", name: "Digital Dawn", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/optimism-wallpaper-with-smiley-face_23-2150039319.jpg" },
|
|
|
|
|
{ id: "r3", name: "Bass Frequency", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-vinyl-record-arrangement_23-2149075974.jpg" },
|
|
|
|
|
{ id: "r4", name: "System Shock", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/close-up-wonder-wheel-movement-lights-with-light-bulb_23-2148328069.jpg" },
|
|
|
|
|
{ id: "r5", name: "Neon Dreams", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-single-s-day-banner_23-2149520237.jpg" },
|
|
|
|
|
{ id: "r6", name: "Sonic Storm", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/abstract-neon-lights-wonder-wheel_23-2148328066.jpg" },
|
|
|
|
|
{ id: "r1", name: "City Lights", price: "Stream", imageSrc: "https://img.freepik.com/free-photo/urban-music-cover-art_23-2148496904.jpg" },
|
|
|
|
|
{ id: "r2", name: "Concrete Soul", price: "Stream", imageSrc: "https://img.freepik.com/free-photo/urban-vinyl-release_23-2149075974.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Latest Releases"
|
|
|
|
|
description="Explore our recent catalog of high-impact electronic masterpieces."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
|
|
|
<MetricCardEleven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
metrics={[
|
|
|
|
|
{ id: "m1", value: "1.2M", title: "Streams", description: "Across all platforms", imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-woman_23-2149705724.jpg" },
|
|
|
|
|
{ id: "m2", value: "50+", title: "Releases", description: "Diverse music catalog", imageSrc: "http://img.b2bpic.net/free-photo/discs-near-compact-cassette_23-2147781430.jpg" },
|
|
|
|
|
{ id: "m3", value: "20", title: "Artists", description: "Global roster members", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-neon-light_23-2149005458.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Label Impact"
|
|
|
|
|
description="Numbers that define our growth and reach across the globe."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardFive
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
testimonials={[
|
|
|
|
|
{ id: "1", name: "Sarah J.", date: "Oct 2023", title: "Promoter", quote: "I Bang Records delivers consistently incredible sound.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/teenager-light-movie-projector_23-2149489847.jpg" },
|
|
|
|
|
{ id: "2", name: "Mark D.", date: "Sep 2023", title: "Radio Host", quote: "The roster is unmatched.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-posing-studio-high-angle_23-2149417590.jpg" },
|
|
|
|
|
{ id: "3", name: "Emily P.", date: "Aug 2023", title: "DJ", quote: "Pioneers of the industry.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/lifestyle-scary-clown_52683-120593.jpg" },
|
|
|
|
|
{ id: "4", name: "Tom K.", date: "Jul 2023", title: "Producer", quote: "Production level is insane.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-man-posing-studio_23-2149417589.jpg" },
|
|
|
|
|
{ id: "5", name: "Zoe B.", date: "Jun 2023", title: "Curator", quote: "Absolutely essential label.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-spotlight_23-2151916009.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
title="Words from the Industry"
|
|
|
|
|
description="What our collaborators and partners say about the Bang movement."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqDouble
|
|
|
|
|
textboxLayout="split"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "f1", title: "How to submit demos?", content: "Email us at demo@ibangrecords.com" },
|
|
|
|
|
{ id: "f2", title: "Licensing opportunities?", content: "Reach out to licensing@ibangrecords.com" },
|
|
|
|
|
{ id: "f3", title: "Physical merch?", content: "Visit our official webstore." },
|
|
|
|
|
]}
|
|
|
|
|
title="Label FAQs"
|
|
|
|
|
description="Common inquiries about releases, artist submissions, and licensing."
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
title="Artist Catalog"
|
|
|
|
|
description="Explore the latest drops from our roster."
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactCenter
|
|
|
|
|
<ContactSplit
|
|
|
|
|
useInvertedBackground={true}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
tag="Contact"
|
|
|
|
|
title="Join the Mailing List"
|
|
|
|
|
description="Stay updated on the latest releases and event news."
|
|
|
|
|
background={{ variant: "gradient-bars" }}
|
|
|
|
|
tag="Contact Us"
|
|
|
|
|
title="Join the Movement"
|
|
|
|
|
description="Get in touch for booking, inquiries, or demo submissions. To configure your Zoho Mail account with your website domain, log in to your Zoho Mail Admin Console, navigate to 'Domains', and add your domain. You will need to verify domain ownership via TXT/CNAME records in your DNS management provider's control panel, then update your MX records to point to Zoho's servers."
|
|
|
|
|
imageSrc="https://img.freepik.com/free-photo/urban-music-producer-studio_23-2149005458.jpg?_wi=2"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
columns={[
|
|
|
|
|
{ items: [{ label: "About", href: "#about" }, { label: "Artists", href: "#features" }] },
|
|
|
|
|
{ items: [{ label: "Releases", href: "#products" }, { label: "Contact", href: "#contact" }] },
|
|
|
|
|
]}
|
|
|
|
|
<FooterMedia
|
|
|
|
|
logoText="I Bang Records"
|
|
|
|
|
columns={[
|
|
|
|
|
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Artists", href: "#features" }] },
|
|
|
|
|
{ title: "Contact", items: [{ label: "Support", href: "#contact" }] },
|
|
|
|
|
]}
|
|
|
|
|
imageSrc="https://img.freepik.com/free-photo/urban-vinyl-release_23-2149075974.jpg?_wi=2"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
