22 Commits

Author SHA1 Message Date
8369264b32 Merge version_2 into main
Merge version_2 into main
2026-04-16 16:17:55 +00:00
1cbecb772d Update theme fonts 2026-04-16 16:17:54 +00:00
00e144766b Update theme fonts 2026-04-16 16:17:54 +00:00
9b1212cb54 Update theme fonts 2026-04-16 16:17:52 +00:00
c188fe2e5b Update theme fonts 2026-04-16 16:17:51 +00:00
3c27289501 Merge version_2 into main
Merge version_2 into main
2026-04-16 16:17:28 +00:00
88b3a3de23 Update theme fonts 2026-04-16 16:17:22 +00:00
d6a05ff0f9 Update theme fonts 2026-04-16 16:17:21 +00:00
c2334eda96 Merge version_2 into main
Merge version_2 into main
2026-04-16 16:14:44 +00:00
934f7076dd Update src/app/products/page.tsx 2026-04-16 16:14:41 +00:00
52ffd3fb61 Update src/app/page.tsx 2026-04-16 16:14:41 +00:00
e5a506f8e8 Merge version_2 into main
Merge version_2 into main
2026-04-16 16:14:20 +00:00
e4f83209ff Update src/app/products/page.tsx 2026-04-16 16:14:17 +00:00
86671cd8e0 Update src/app/page.tsx 2026-04-16 16:14:17 +00:00
2921601bbd Merge version_2 into main
Merge version_2 into main
2026-04-16 16:13:50 +00:00
103bbc717e Add src/app/products/page.tsx 2026-04-16 16:13:47 +00:00
f55bf27856 Update src/app/page.tsx 2026-04-16 16:13:47 +00:00
3f02015832 Merge version_1 into main
Merge version_1 into main
2026-04-16 16:11:13 +00:00
e0b51f16b7 Merge version_1 into main
Merge version_1 into main
2026-04-16 16:10:59 +00:00
0927d15e2b Merge version_1 into main
Merge version_1 into main
2026-04-15 16:35:57 +00:00
84b20bb750 Merge version_1 into main
Merge version_1 into main
2026-04-15 16:35:33 +00:00
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

View File

@@ -9,6 +9,7 @@ import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Space_Mono, IBM_Plex_Mono } from "next/font/google"; import { Space_Mono, IBM_Plex_Mono } from "next/font/google";
import { Public_Sans } from "next/font/google"; import { Public_Sans } from "next/font/google";
import { Montserrat } 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"], subsets: ["latin"],
}); });
@@ -37,7 +46,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${montserrat.variable} antialiased`}> <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

View File

@@ -7,7 +7,6 @@ import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia'; import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard'; import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplit from '@/components/sections/hero/HeroSplit'; import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout'; import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen'; import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour'; import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -28,193 +27,123 @@ export default function LandingPage() {
headingFontWeight="bold" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav">
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ { name: "Home", id: "hero" },
name: "Home", id: "hero"}, { name: "About", id: "about" },
{ { name: "Artists", id: "artists" },
name: "About", id: "about"}, { name: "Releases", id: "releases" },
{ { name: "Products", id: "/products" },
name: "Artists", id: "artists"}, { name: "Contact", id: "contact" },
{ ]}
name: "Releases", id: "releases"}, brandName="AMC RECORDS"
{ />
name: "Contact", id: "contact"}, </div>
]}
brandName="AMC RECORDS"
/>
</div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{ variant: "rotated-rays-animated" }}
variant: "rotated-rays-animated"}} title="AMC RECORDS"
title="AMC RECORDS" description="ACTUALLY MOVING CULTURE. ESTABLISHMENT 2026. THE REST IS SILENCE. 7.7.7."
description="ACTUALLY MOVING CULTURE. ESTABLISHMENT 2026. THE REST IS SILENCE. 7.7.7." tag="EST. 2026"
tag="EST. 2026" imageSrc="http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080751.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/hex-textured-background-networking_23-2150080751.jpg?_wi=1" imageAlt="dark abstract glitch background"
imageAlt="dark abstract glitch background" mediaAnimation="slide-up"
mediaAnimation="slide-up" avatars={[
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/large-modern-architecture-hall_181624-239.jpg", alt: "Large modern architecture hall"}, { 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/photo-ground-texture-pattern_58702-15927.jpg", alt: "Photo of ground texture pattern"}, />
{ </div>
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"> <div id="about" data-section="about">
<MetricSplitMediaAbout <MetricSplitMediaAbout
useInvertedBackground={true} useInvertedBackground={true}
title="CULTURE IN MOTION" 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." 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={[ metrics={[
{ { value: "2026", title: "Est." },
value: "2026", title: "Est."}, { value: "100%", title: "Independent" },
{ { value: "∞", title: "Legacy" },
value: "100%", title: "Independent"}, ]}
{ />
value: "∞", title: "Legacy"}, </div>
]}
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"> <div id="features" data-section="features">
<FeatureCardMedia <FeatureCardMedia
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ { id: "f1", title: "Innovation", description: "Pushing sound design forward.", tag: "01" },
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" },
{ { id: "f3", title: "Independence", description: "Total creative freedom.", tag: "03" },
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"}, ]}
{ title="OUR MISSION"
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"}, description="Building the future of music through independent culture."
]} />
title="OUR MISSION" </div>
description="Redefining the sonic landscape through relentless innovation and uncompromising quality."
/>
</div>
<div id="artists" data-section="artists"> <div id="artists" data-section="artists">
<TeamCardTen <TeamCardTen
useInvertedBackground={true} useInvertedBackground={true}
title="ROSTER" title="ROSTER"
tag="CULTURE AGENTS" tag="Artists"
membersAnimation="slide-up" membersAnimation="slide-up"
members={[ members={[
{ { id: "m1", name: "L.L.A.D.E. 7" },
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" },
{ { id: "m3", name: "STATIC VIBE" },
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"}, ]}
{ memberVariant="card"
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"}, />
]} </div>
memberVariant="card"
/>
</div>
<div id="releases" data-section="releases"> <div id="releases" data-section="releases">
<ProductCardFour <ProductCardFour
animationType="slide-up" animationType="slide-up"
textboxLayout="split" textboxLayout="split"
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
useInvertedBackground={false} useInvertedBackground={false}
products={[ 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: "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?_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", imageAlt: "abstract glitch album cover"}, title="RELEASES"
{ description="Our latest musical works."
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"}, />
{ </div>
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"> <div id="faq" data-section="faq">
<MetricCardTwo <FaqBase
animationType="depth-3d" textboxLayout="split"
textboxLayout="split" faqsAnimation="blur-reveal"
gridVariant="uniform-all-items-equal" useInvertedBackground={false}
useInvertedBackground={true} faqs={[
metrics={[ { id: "f1", title: "How to submit demos?", content: "Send to demo@amcrecords.it" },
{ { id: "f2", title: "What is AMC?", content: "ACTUALLY MOVING CULTURE." },
id: "m1", value: "7+", description: "Major Releases"}, ]}
{ title="ENQUIRIES"
id: "m2", value: "777", description: "Global Streams"}, description="Frequently asked questions about AMC Records."
{ />
id: "m3", value: "100%", description: "Uncompromised"}, </div>
]}
title="IMPACT"
description="The scale of AMC influence."
/>
</div>
<div id="faq" data-section="faq"> <div id="contact" data-section="contact">
<FaqBase <ContactText
textboxLayout="split" useInvertedBackground={true}
faqsAnimation="blur-reveal" background={{ variant: "canvas-reveal" }}
useInvertedBackground={false} text="CONTACT US FOR DEMOS AND PARTNERSHIPS. demo@amcrecords.it"
faqs={[ />
{ </div>
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"> <div id="footer" data-section="footer">
<ContactText <FooterCard
useInvertedBackground={true} logoText="AMC RECORDS"
background={{ copyrightText="© 2026 AMC RECORDS. THE REST IS SILENCE. 7.7.7."
variant: "canvas-reveal"}} />
text="CONTACT US FOR DEMOS AND PARTNERSHIPS. demo@amcrecords.it" </div>
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="AMC RECORDS"
copyrightText="© 2026 AMC RECORDS. THE REST IS SILENCE. 7.7.7."
/>
</div>
</ReactLenis> </ReactLenis>
</ThemeProvider> </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>
);
}

View File

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