Update src/app/page.tsx

Switch to version 17: modified src/app/styles/variables.css
Switch to version 18: modified src/app/styles/variables.css
2026-04-28 00:53:26 +00:00 · 2026-04-28 00:25:30 +00:00 · 2026-04-28 00:25:19 +00:00 · 2026-04-28 00:17:39 +00:00 · 2026-04-28 00:17:32 +00:00 · 2026-04-27 23:18:24 +00:00
4 changed files with 28 additions and 26 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,23 +39,20 @@ 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://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CxL59q8tfUcPSZDT56Hr5rHLLc/uploaded-1777323889174-0kwrky4p.jpg", alt: "I Bang Records Logo" },
-      ]}
-      avatarGroupClassName="aspect-[16/9] w-full max-w-sm"
-      buttons={[{ text: "Discover Artists", href: "#features" }]
-      }
+      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>

  <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>
@@ -68,7 +65,7 @@ export default function LandingPage() {
      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" } },
      ]}
      title="Our Artists"
      description="We house the most influential Rap and R&B voices in the scene."
@@ -96,7 +93,7 @@ export default function LandingPage() {
      background={{ variant: "gradient-bars" }}
      tag="Contact Us"
      title="Join the Movement"
-      description="Get in touch for booking, inquiries, or demo submissions."
+      description="Get in touch for booking, inquiries, or demo submissions. To configure your Zoho Mail account with your website domain, log in to your Zoho Mail Admin Console, navigate to 'Domains', and add your domain. You will need to verify domain ownership via TXT/CNAME records in your DNS management provider's control panel, then update your MX records to point to Zoho's servers."
      imageSrc="https://img.freepik.com/free-photo/urban-music-producer-studio_23-2149005458.jpg?_wi=2"
    />
  </div>
--- 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: #ffffff;
+  --card: #f9f9f9;
+  --foreground: #000612e6;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000612e6;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	2663e8d61f	Update src/app/page.tsx	2026-04-28 00:53:26 +00:00
bender	0cf6a5c659	Switch to version 17: modified src/app/styles/variables.css	2026-04-28 00:25:30 +00:00
bender	a2b50925db	Switch to version 18: modified src/app/styles/variables.css	2026-04-28 00:25:19 +00:00
bender	63bde2bc89	Merge version_19 into main Merge version_19 into main	2026-04-28 00:17:39 +00:00
bender	d7c529bc3d	Update theme colors	2026-04-28 00:17:32 +00:00
bender	30ce18d378	Merge version_18 into main Merge version_18 into main	2026-04-27 23:18:24 +00:00
bender	4d631261bf	Update theme colors	2026-04-27 23:18:20 +00:00
bender	9ff88fe8c7	Merge version_17 into main Merge version_17 into main	2026-04-27 23:18:14 +00:00
bender	6f64e685b6	Update theme colors	2026-04-27 23:18:11 +00:00
bender	578ad5cf8c	Merge version_16 into main Merge version_16 into main	2026-04-27 23:17:36 +00:00
bender	f1ee30c5da	Update src/app/page.tsx	2026-04-27 23:17:33 +00:00
bender	bf97843c19	Merge version_16 into main Merge version_16 into main	2026-04-27 22:40:28 +00:00
bender	d762b3748d	Merge version_16 into main Merge version_16 into main	2026-04-27 22:40:25 +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	53dce59f26	Merge version_16 into main Merge version_16 into main	2026-04-27 22:39:04 +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