bender/40c03a80-3881-4dbc-ac8a-e7fdedfc5447
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

17 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
1cbecb772d Update theme fonts 2026-04-16 16:17:54 +00:00
bender
00e144766b Update theme fonts 2026-04-16 16:17:54 +00:00
bender
9b1212cb54 Update theme fonts 2026-04-16 16:17:52 +00:00
bender
c188fe2e5b Update theme fonts 2026-04-16 16:17:51 +00:00
bender
88b3a3de23 Update theme fonts 2026-04-16 16:17:22 +00:00
bender
d6a05ff0f9 Update theme fonts 2026-04-16 16:17:21 +00:00
bender
934f7076dd Update src/app/products/page.tsx 2026-04-16 16:14:41 +00:00
bender
52ffd3fb61 Update src/app/page.tsx 2026-04-16 16:14:41 +00:00
bender
e4f83209ff Update src/app/products/page.tsx 2026-04-16 16:14:17 +00:00
bender
86671cd8e0 Update src/app/page.tsx 2026-04-16 16:14:17 +00:00
bender
103bbc717e Add src/app/products/page.tsx 2026-04-16 16:13:47 +00:00
bender
f55bf27856 Update src/app/page.tsx 2026-04-16 16:13:47 +00:00
bender
3f02015832 Merge version_1 into main 
Merge version_1 into main
 2026-04-16 16:11:13 +00:00
bender
e0b51f16b7 Merge version_1 into main 
Merge version_1 into main
 2026-04-16 16:10:59 +00:00
bender
0927d15e2b Merge version_1 into main 
Merge version_1 into main
 2026-04-15 16:35:57 +00:00
bender
84b20bb750 Merge version_1 into main 
Merge version_1 into main
 2026-04-15 16:35:33 +00:00
bender
e7a703816f Merge version_1 into main 
Merge version_1 into main
 2026-04-15 16:34:56 +00:00
4 changed files with 183 additions and 185 deletions
Expand all files Collapse all files

15
src/app/layout.tsx
View File

@@ -9,6 +9,7 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Space_Mono, IBM_Plex_Mono } from "next/font/google";
import { Public_Sans } from "next/font/google";
import { Montserrat } from "next/font/google";
import { Libre_Baskerville } from "next/font/google";
@@ -24,8 +25,16 @@ export const metadata: Metadata = {
const montserrat = Montserrat({
variable: "--font-montserrat",
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
});
@@ -37,7 +46,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${montserrat.variable} antialiased`}>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag />
{children}
<script

289
src/app/page.tsx
View File

@@ -7,7 +7,6 @@ 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';
@@ -28,193 +27,123 @@ export default function LandingPage() {
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="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Artists", id: "artists" },
{ name: "Releases", id: "releases" },
{ name: "Products", id: "/products" },
{ 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?_wi=1"
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="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?_wi=1"
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" },
]}
/>
</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="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" },
]}
/>
</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?_wi=2", 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?_wi=1", 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="features" data-section="features">
<FeatureCardMedia
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ id: "f1", title: "Innovation", description: "Pushing sound design forward.", tag: "01" },
{ id: "f2", title: "Culture", description: "ACTUALLY MOVING CULTURE.", tag: "02" },
{ id: "f3", title: "Independence", description: "Total creative freedom.", tag: "03" },
]}
title="OUR MISSION"
description="Building the future of music through independent culture."
/>
</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?_wi=2", 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="artists" data-section="artists">
<TeamCardTen
useInvertedBackground={true}
title="ROSTER"
tag="Artists"
membersAnimation="slide-up"
members={[
{ id: "m1", name: "L.L.A.D.E. 7" },
{ id: "m2", name: "BABY MIRO" },
{ id: "m3", name: "STATIC VIBE" },
]}
memberVariant="card"
/>
</div>
<div id="releases" data-section="releases">
<ProductCardFour
animationType="slide-up"
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="releases" data-section="releases">
<ProductCardFour
animationType="slide-up"
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?_wi=1" },
{ 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?_wi=1" },
]}
title="RELEASES"
description="Our latest musical works."
/>
</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"
faqsAnimation="blur-reveal"
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." },
]}
title="ENQUIRIES"
description="Frequently asked questions about AMC Records."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="split"
faqsAnimation="blur-reveal"
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."
/>
</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="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>
<div id="footer" data-section="footer">
<FooterCard
logoText="AMC RECORDS"
copyrightText="© 2026 AMC RECORDS. THE REST IS SILENCE. 7.7.7."
/>
</div>
</ReactLenis>
</ThemeProvider>
);

60
src/app/products/page.tsx Normal file
View File

@@ -0,0 +1,60 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import { Linkedin, Twitter, Instagram } from "lucide-react";
export default function ProductsPage() {
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>
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "/" },
{ name: "About", id: "/#about" },
{ name: "Artists", id: "/#artists" },
{ name: "Releases", id: "/#releases" },
{ name: "Products", id: "/products" },
{ name: "Contact", id: "/#contact" },
]}
brandName="AMC RECORDS"
/>
<div className="pt-32 pb-20">
<ProductCardFour
title="OUR DISCOGRAPHY"
description="Stream our catalog on all platforms."
useInvertedBackground={false}
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
products={[
{ id: "p1", name: "ALZIAMO UN CALICE", price: "Listen on Spotify", variant: "Spotify", imageSrc: "http://img.b2bpic.net/free-photo/halftone-monochrome-collage_23-2151004976.jpg?_wi=2" },
{ id: "p2", name: "GLITCH 7", price: "Listen on Apple Music", variant: "Apple Music", imageSrc: "http://img.b2bpic.net/free-photo/3d-red-light-tube-black-backdrop_23-2147881283.jpg?_wi=2" },
{ id: "p3", name: "ECHOES 2026", price: "Listen on Tidal", variant: "Tidal", imageSrc: "http://img.b2bpic.net/free-photo/woman-flower-background-red-blue-tone_53876-126903.jpg" },
]}
/>
</div>
<FooterCard
logoText="AMC RECORDS"
copyrightText="© 2026 AMC RECORDS. FOLLOW US ON SOCIAL MEDIA."
/>
</ReactLenis>
</ThemeProvider>
);
}

4
src/app/styles/base.css
View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-montserrat), sans-serif;
font-family: var(--font-inter), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-montserrat), sans-serif;
font-family: var(--font-libre-baskerville), serif;
}