343 lines
10 KiB
TypeScript
343 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="grid"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "hero",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "about",
|
|
},
|
|
{
|
|
name: "Artists",
|
|
id: "artists",
|
|
},
|
|
{
|
|
name: "Releases",
|
|
id: "releases",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "contact",
|
|
},
|
|
]}
|
|
brandName="AMC RECORDS"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
background={{
|
|
variant: "rotated-rays-animated",
|
|
}}
|
|
title="AMC RECORDS"
|
|
description="ACTUALLY MOVING CULTURE. ESTABLISHMENT 2026. THE REST IS SILENCE. 7.7.7."
|
|
tag="EST. 2026"
|
|
imageSrc="http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080751.jpg"
|
|
imageAlt="dark abstract glitch background"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/large-modern-architecture-hall_181624-239.jpg",
|
|
alt: "Large modern architecture hall",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/photo-ground-texture-pattern_58702-15927.jpg",
|
|
alt: "Photo of ground texture pattern",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/metal-texture-with-holes_1048-4049.jpg",
|
|
alt: "Metal texture with holes",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cosmic-background-white-black-laser-lights_181624-27720.jpg",
|
|
alt: "Cosmic background of white and black laser lights",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/red-neon-lights-with-blurred-effect_23-2148328091.jpg",
|
|
alt: "Red neon lights with blurred effect",
|
|
},
|
|
]}
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "ACTUALLY MOVING CULTURE",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "7.7.7. SYSTEM",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "UNDERGROUND INNOVATION",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "2026 EST.",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "THE REST IS SILENCE",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={true}
|
|
title="CULTURE IN MOTION"
|
|
description="We are a collective pushing the boundaries of underground music, where innovation meets independence. ACTUALLY MOVING CULTURE, defining the pulse of 2026 and beyond."
|
|
metrics={[
|
|
{
|
|
value: "2026",
|
|
title: "Est.",
|
|
},
|
|
{
|
|
value: "100%",
|
|
title: "Independent",
|
|
},
|
|
{
|
|
value: "∞",
|
|
title: "Legacy",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-cherry-cactus-bedroom_23-2149355065.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
imageAlt="dark abstract glitch background"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardMedia
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: "f1",
|
|
title: "Innovation",
|
|
description: "Pushing sound design forward.",
|
|
tag: "01",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020030.jpg",
|
|
imageAlt: "Portrait of handsome man over orange background",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "Culture",
|
|
description: "ACTUALLY MOVING CULTURE.",
|
|
tag: "02",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080751.jpg",
|
|
imageAlt: "Portrait of handsome man over orange background",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Independence",
|
|
description: "Total creative freedom.",
|
|
tag: "03",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020038.jpg",
|
|
imageAlt: "Portrait of handsome man over orange background",
|
|
},
|
|
]}
|
|
title="OUR MISSION"
|
|
description="Redefining the sonic landscape through relentless innovation and uncompromising quality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="artists" data-section="artists">
|
|
<TeamCardTen
|
|
useInvertedBackground={true}
|
|
title="ROSTER"
|
|
tag="CULTURE AGENTS"
|
|
membersAnimation="slide-up"
|
|
members={[
|
|
{
|
|
id: "m1",
|
|
name: "L.L.A.D.E. 7",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-orange-background_23-2149020038.jpg",
|
|
imageAlt: "underground music artist portrait",
|
|
},
|
|
{
|
|
id: "m2",
|
|
name: "BABY MIRO",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-digital-art_23-2151197857.jpg",
|
|
imageAlt: "electronic music artist dark portrait",
|
|
},
|
|
{
|
|
id: "m3",
|
|
name: "STATIC VIBE",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-head-stylish-urban-style-african-american-man-pink-hoodie-black-hat-posed_627829-13425.jpg",
|
|
imageAlt: "hip hop producer portrait minimalist",
|
|
},
|
|
]}
|
|
memberVariant="card"
|
|
/>
|
|
</div>
|
|
|
|
<div id="releases" data-section="releases">
|
|
<ProductCardFour
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1",
|
|
name: "ALZIAMO UN CALICE",
|
|
price: "Single",
|
|
variant: "feat. Baby MIRO",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004976.jpg",
|
|
imageAlt: "minimalist geometric album cover",
|
|
},
|
|
{
|
|
id: "p2",
|
|
name: "GLITCH 7",
|
|
price: "Album",
|
|
variant: "Standard",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-red-light-tube-black-backdrop_23-2147881283.jpg",
|
|
imageAlt: "abstract glitch album cover",
|
|
},
|
|
{
|
|
id: "p3",
|
|
name: "ECHOES 2026",
|
|
price: "EP",
|
|
variant: "Limited",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-flower-background-red-blue-tone_53876-126903.jpg",
|
|
imageAlt: "grainy minimalist album cover",
|
|
},
|
|
{
|
|
id: "p4",
|
|
name: "SILENCE V7",
|
|
price: "Single",
|
|
variant: "Ambient",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/glitch-effect-portrait-young-man_23-2148305013.jpg",
|
|
imageAlt: "digital single release cover",
|
|
},
|
|
{
|
|
id: "p5",
|
|
name: "RAW MOTION",
|
|
price: "Album",
|
|
variant: "Deluxe",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-black-lives-matter-movement-message_23-2148734116.jpg",
|
|
imageAlt: "premium dark album cover",
|
|
},
|
|
{
|
|
id: "p6",
|
|
name: "CULTURE VIBE",
|
|
price: "Single",
|
|
variant: "Remix",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/vintage-music-concept-with-seven-vinyls_23-2147685004.jpg",
|
|
imageAlt: "modern electronic album cover",
|
|
},
|
|
]}
|
|
title="RELEASES"
|
|
description="The latest sonic explorations from AMC RECORDS."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "7+",
|
|
description: "Major Releases",
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "777",
|
|
description: "Global Streams",
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "100%",
|
|
description: "Uncompromised",
|
|
},
|
|
]}
|
|
title="IMPACT"
|
|
description="The scale of AMC influence."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "f1",
|
|
title: "How to submit demos?",
|
|
content: "Send to demo@amcrecords.it",
|
|
},
|
|
{
|
|
id: "f2",
|
|
title: "What is AMC?",
|
|
content: "ACTUALLY MOVING CULTURE.",
|
|
},
|
|
{
|
|
id: "f3",
|
|
title: "Est. Year?",
|
|
content: "2026",
|
|
},
|
|
]}
|
|
title="ENQUIRIES"
|
|
description="Common questions about the label."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "canvas-reveal",
|
|
}}
|
|
text="CONTACT US FOR DEMOS AND PARTNERSHIPS. demo@amcrecords.it"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="AMC RECORDS"
|
|
copyrightText="© 2026 AMC RECORDS. THE REST IS SILENCE. 7.7.7."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|