Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #7.
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -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,118 +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: "Products", id: "/products" },
|
||||
{ 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" },
|
||||
]}
|
||||
/>
|
||||
</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" },
|
||||
]}
|
||||
/>
|
||||
</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" },
|
||||
{ id: "f2", title: "Culture", description: "ACTUALLY MOVING CULTURE.", tag: "02" },
|
||||
{ id: "f3", title: "Independence", description: "Total creative freedom.", tag: "03" },
|
||||
]}
|
||||
title="OUR MISSION"
|
||||
/>
|
||||
</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"
|
||||
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="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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="RELEASES"
|
||||
/>
|
||||
</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" },
|
||||
{ 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" },
|
||||
]}
|
||||
title="RELEASES"
|
||||
description="Our latest musical works."
|
||||
/>
|
||||
</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"
|
||||
/>
|
||||
</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="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>
|
||||
);
|
||||
|
||||
@@ -9,7 +9,18 @@ import { Linkedin, Twitter, Instagram } from "lucide-react";
|
||||
|
||||
export default function ProductsPage() {
|
||||
return (
|
||||
<ThemeProvider>
|
||||
<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={[
|
||||
@@ -42,11 +53,6 @@ export default function ProductsPage() {
|
||||
<FooterCard
|
||||
logoText="AMC RECORDS"
|
||||
copyrightText="© 2026 AMC RECORDS. FOLLOW US ON SOCIAL MEDIA."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" },
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user