diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 1734c13..6b82c81 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,54 +1,16 @@
import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Raleway } from "next/font/google";
-import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const halant = Halant({
- variable: "--font-halant", subsets: ["latin"],
- weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
- variable: "--font-inter", subsets: ["latin"],
-});
-
-const raleway = Raleway({
- variable: "--font-raleway", subsets: ["latin"],
-});
export const metadata: Metadata = {
- title: "ARSON BLACK | Cinematic Hip-Hop & Afrobeats Artist", description: "Explore ARSON BLACK's immersive cinematic studio. Zimbabwean-born artist blending introspective lyricism with modern hip-hop and Afrobeats. Music, events, and creative vision.", keywords: "ARSON BLACK, hip-hop, Afrobeats, music artist, Zimbabwe, cinematic, rap, Kendrick Lamar inspired", openGraph: {
- title: "ARSON BLACK | Cinematic Music Experience", description: "Enter the dark futuristic recording studio of ARSON BLACK. Immersive interactive experience with music, gallery, and live events.", url: "https://arsonblack.com", siteName: "ARSON BLACK", type: "website", images: [
- {
- url: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg", alt: "ARSON BLACK Album Artwork"},
- ],
- },
- twitter: {
- card: "summary_large_image", title: "ARSON BLACK | Cinematic Artist", description: "Experience immersive hip-hop and Afrobeats from ARSON BLACK. Interactive 3D studio, music, events, and exclusive content.", images: ["http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg"],
- },
- robots: {
- index: true,
- follow: true,
- },
-};
+ title: "ARSON BLACK - Cinematic Hip-Hop Artist", description: "ARSON BLACK: Zimbabwean-born artist crafting dark, introspective hip-hop and melodic Afrobeats from a personal creative studio."};
export default function RootLayout({
children,
-}: Readonly<{
+}: {
children: React.ReactNode;
-}>) {
+}) {
return (
-
-
-
-
- {children}
-
+
+ {children}
-
);
}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 85d6c18..33aa163 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,10 +6,9 @@ import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGaller
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import AboutMetric from "@/components/sections/about/AboutMetric";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
-import BlogCardOne from "@/components/sections/blog/BlogCardOne";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
-import { Globe, MapPin, Music, Zap, Star, Heart, Calendar, Camera } from "lucide-react";
+import { Globe, MapPin, Music, Zap, Spotify, Apple, Youtube, Instagram, Twitter, Facebook, Twitch } from "lucide-react";
export default function ArsonBlackPage() {
return (
@@ -31,8 +30,8 @@ export default function ArsonBlackPage() {
navItems={[
{ name: "Music", id: "music" },
{ name: "About", id: "about" },
- { name: "Events", id: "events" },
- { name: "Gallery", id: "gallery" },
+ { name: "Streaming", id: "streaming" },
+ { name: "Contact", id: "contact" },
]}
button={{ text: "Press Kit", href: "#contact" }}
animateOnLoad={true}
@@ -53,11 +52,14 @@ export default function ArsonBlackPage() {
background={{ variant: "plain" }}
mediaItems={[
{
- imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=1", imageAlt: "Album artwork featuring dark cinematic aesthetic"},
+ imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=1", imageAlt: "Album artwork featuring dark cinematic aesthetic"
+ },
{
- imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=2", imageAlt: "Second album featuring deep red and silver tones"},
+ imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=2", imageAlt: "Second album featuring deep red and silver tones"
+ },
{
- imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=3", imageAlt: "Third album with metallic finish and smoke effects"},
+ imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=3", imageAlt: "Third album with metallic finish and smoke effects"
+ },
]}
mediaAnimation="slide-up"
buttons={[
@@ -80,7 +82,7 @@ export default function ArsonBlackPage() {
title="Enter the Studio"
description="Navigate interactive objects within the 3D environment. Each element reveals a different aspect of the artist's creative world."
tag="Interactive Experience"
- tagIcon={Calendar}
+ tagIcon={Music}
tagAnimation="blur-reveal"
textboxLayout="default"
useInvertedBackground={false}
@@ -88,21 +90,25 @@ export default function ArsonBlackPage() {
{
id: 1,
title: "Vinyl Turntable", description: "Spin through ARSON BLACK's music catalog. Stream from Spotify, Apple Music, YouTube, or the custom player.", phoneOne: {
- imageSrc: "http://img.b2bpic.net/free-photo/spinning-record-player-with-vintage-vinyl_1150-19428.jpg"},
+ imageSrc: "http://img.b2bpic.net/free-photo/spinning-record-player-with-vintage-vinyl_1150-19428.jpg"
+ },
phoneTwo: {
- imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=4"},
+ imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=4"
+ },
},
{
id: 2,
title: "Studio Gallery", description: "Explore a floating 3D grid of rotating album covers. Click any to play the full track with real-time audio visualizer.", phoneOne: {
- imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=5"},
+ imageSrc: "http://img.b2bpic.net/free-vector/gradient-album-cover-template_23-2150574681.jpg?_wi=5"
+ },
phoneTwo: {
- imageSrc: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-450.jpg?_wi=1"},
+ imageSrc: "http://img.b2bpic.net/free-photo/musicians-stage-concert_1321-450.jpg?_wi=1"
+ },
},
]}
showStepNumbers={true}
animationType="blur-reveal"
- buttons={[{ text: "Start Listening", href: "#" }]}
+ buttons={[{ text: "Start Listening", href: "#streaming" }]}
buttonAnimation="slide-up"
containerClassName="bg-black/50 backdrop-blur-md py-20"
featureTitleClassName="text-5xl font-bold text-silver mb-4"
@@ -131,41 +137,42 @@ export default function ArsonBlackPage() {
/>
-