Update theme colors

2026-04-28 00:17:32 +00:00 · 2026-04-27 23:18:20 +00:00 · 2026-04-27 23:18:11 +00:00 · 2026-04-27 23:17:33 +00:00 · 2026-04-27 22:40:24 +00:00 · 2026-04-27 22:40:23 +00:00
4 changed files with 27 additions and 25 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,8 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Raleway } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";
+import { Inter_Tight } from "next/font/google";



@@ -19,9 +21,12 @@ export const metadata: Metadata = {
  },
 };

-const raleway = Raleway({
-  variable: "--font-raleway",
+
+
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",
  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });

 export default function RootLayout({
@@ -32,7 +37,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${raleway.variable} antialiased`}>
+        <body className={`${interTight.variable} antialiased`}>
          
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TextAbout from '@/components/sections/about/TextAbout';
@@ -39,15 +39,12 @@ export default function LandingPage() {
  </div>

  <div id="hero" data-section="hero">
-      <HeroCentered
+      <HeroSplit
      background={{ variant: "radial-gradient" }}
      title="I Bang Records"
-      description="A Record Label that works with all Genres of Music. Specializes in Hip Hop, Rap and R & B. We are a Family that visions of Entertaining the World. We are making artist known and uplifting their careers in new ways."
-      avatars={[
-        { src: "https://img.freepik.com/free-photo/urban-artist-recording-music_23-2149417585.jpg", alt: "Rapper profile" },
-        { src: "https://img.freepik.com/free-photo/cool-urban-rapper-portrait_23-2149417590.jpg", alt: "Artist profile" },
-        { src: "https://img.freepik.com/free-photo/portrait-young-urban-musician_23-2151916009.jpg", alt: "RnB artist" },
-      ]}
+      description="A Record Label that works with all Genres of Music. Specializes in Hip Hop, Rap and R & B. We are a Family that has visions of Entertaining the World. We are making artist known and uplifting their careers in new ways."
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxL59q8tfUcPSZDT56Hr5rHLLc/uploaded-1777323889174-0kwrky4p.jpg"
+      imagePosition="right"
      buttons={[{ text: "Discover Artists", href: "#features" }]}
    />
  </div>
@@ -55,7 +52,7 @@ export default function LandingPage() {
  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={false}
-      title="Defining Modern Urban Culture"
+      title="Define Music for the Future with sounds of the Past. Build a Family in Entertainment.  "
      tag="Our Mission"
    />
  </div>
@@ -65,11 +62,11 @@ export default function LandingPage() {
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
+      showStepNumbers={false}
      features={[
        { title: "Rap Legends", description: "Raw, unfiltered lyrical powerhouses.", phoneOne: { imageSrc: "https://img.freepik.com/free-photo/cool-urban-rapper-portrait_23-2149417590.jpg" }, phoneTwo: { imageSrc: "https://img.freepik.com/free-photo/artist-posing-graffiti-wall_23-2149489847.jpg" } },
-        { title: "R&B Soul", description: "Deep, melodic vibes for the modern era.", phoneOne: { imageSrc: "https://img.freepik.com/free-photo/portrait-young-urban-musician_23-2151916009.jpg" }, phoneTwo: { imageSrc: "https://img.freepik.com/free-photo/urban-music-producer-studio_23-2149005458.jpg?_wi=1" } },
+        { title: "R&B Soul", description: "Deep, melodic vibes for the modern era.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxL59q8tfUcPSZDT56Hr5rHLLc/uploaded-1777330442637-y85li8j7.jpg" }, phoneTwo: { imageSrc: "https://img.freepik.com/free-photo/urban-music-producer-studio_23-2149005458.jpg?_wi=1" } },
      ]}
-      showStepNumbers={false}
      title="Our Artists"
      description="We house the most influential Rap and R&B voices in the scene."
    />
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -11,7 +11,7 @@ html {
 body {
  background-color: var(--background);
  color: var(--foreground);
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-raleway), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #ff4d00;
-  --primary-cta-text: #fafffb;
-  --secondary-cta: #333333;
-  --secondary-cta-text: #001a0a;
-  --accent: #555555;
-  --background-accent: #222222;
+  --background: #ac0909;
+  --card: #f9f9f9;
+  --foreground: #120006e6;
+  --primary-cta: #f3e7e8;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #120006e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	d7c529bc3d	Update theme colors	2026-04-28 00:17:32 +00:00
bender	4d631261bf	Update theme colors	2026-04-27 23:18:20 +00:00
bender	6f64e685b6	Update theme colors	2026-04-27 23:18:11 +00:00
bender	f1ee30c5da	Update src/app/page.tsx	2026-04-27 23:17:33 +00:00
bender	f9c0482c60	Update theme fonts	2026-04-27 22:40:24 +00:00
bender	26441d7b8c	Update theme fonts	2026-04-27 22:40:23 +00:00
bender	490673f186	Update theme fonts	2026-04-27 22:40:21 +00:00
bender	83afe1f6cb	Update theme fonts	2026-04-27 22:40:21 +00:00
bender	e478844808	Update src/app/page.tsx	2026-04-27 22:39:01 +00:00
bender	996a7e7f19	Merge version_15 into main Merge version_15 into main	2026-04-27 22:27:06 +00:00
bender	cd5bd89d5d	Update src/app/page.tsx	2026-04-27 22:27:00 +00:00
bender	63134dc006	Merge version_14 into main Merge version_14 into main	2026-04-27 22:12:42 +00:00
bender	63217c8db5	Update src/app/page.tsx	2026-04-27 22:12:39 +00:00
bender	b3aeba0324	Merge version_13 into main Merge version_13 into main	2026-04-27 22:10:37 +00:00
bender	7f63c0ad73	Update src/app/page.tsx	2026-04-27 22:10:33 +00:00
bender	68c3c82af5	Merge version_12 into main Merge version_12 into main	2026-04-27 21:06:32 +00:00
bender	23d5557f56	Update src/app/page.tsx	2026-04-27 21:06:29 +00:00
bender	3fe9207904	Merge version_11 into main Merge version_11 into main	2026-04-27 21:05:24 +00:00
bender	aecc6dae3c	Update src/app/page.tsx	2026-04-27 21:05:21 +00:00
bender	5ab9c497c7	Merge version_11 into main Merge version_11 into main	2026-04-27 21:05:03 +00:00
bender	891a1aa330	Update src/app/page.tsx	2026-04-27 21:04:59 +00:00
bender	d2b836db72	Merge version_10 into main Merge version_10 into main	2026-04-27 21:02:16 +00:00