Update src/app/styles/base.css

Update src/app/page.tsx
Update src/app/layout.tsx
2026-04-23 05:45:45 +00:00 · 2026-04-23 05:45:44 +00:00 · 2026-04-23 05:45:44 +00:00 · 2026-04-23 05:45:14 +00:00 · 2026-04-23 05:45:11 +00:00 · 2026-04-23 05:45:11 +00:00
3 changed files with 22 additions and 19 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Public_Sans } from "next/font/google";
+import { DM_Sans } from "next/font/google";



@@ -15,13 +16,12 @@ export const metadata: Metadata = {
  description: 'Shop high-quality art posters. Anime, Marvel, and Lifestyle prints for every room.',
 };

-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
-  subsets: ["latin"],
-});
+
+
+
 const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
+  variable: "--font-inter",  subsets: ["latin"],
+  weight: ["700"],
 });

 export default function RootLayout({
@@ -32,7 +32,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${publicSans.variable} ${inter.variable} antialiased`}>
+        <body className={`${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -23,10 +23,10 @@ export default function LandingPage() {
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
    >
      <ReactLenis root>
-        <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav" className="text-center">
          <NavbarStyleCentered
            navItems={[
              { name: "Home", id: "home" },
@@ -39,7 +39,7 @@ export default function LandingPage() {
          />
        </div>

-        <div id="home" data-section="home">
+        <div id="home" data-section="home" className="text-center">
          <HeroBillboardScroll
            background={{ variant: "gradient-bars" }}
            title="Elevate Your Space with Art"
@@ -49,12 +49,13 @@ export default function LandingPage() {
          />
        </div>

-        <div id="anime" data-section="anime">
+        <div id="anime" data-section="anime" className="text-center">
          <ProductCardThree
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={true}
+            buttons={[{ text: "Buy Now", href: "#" }]}
            products={[
              { id: "a1", name: "Samurai Spirit", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/anime-character-near-galaxy-planet-illustration_23-2151749864.jpg", imageAlt: "anime style poster" },
              { id: "a2", name: "Cyber City", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/anime-style-character-space_23-2151134173.jpg", imageAlt: "anime style poster" },
@@ -65,12 +66,13 @@ export default function LandingPage() {
          />
        </div>

-        <div id="marvel" data-section="marvel">
+        <div id="marvel" data-section="marvel" className="text-center">
          <ProductCardThree
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={false}
+            buttons={[{ text: "Buy Now", href: "#" }]}
            products={[
              { id: "m1", name: "Infinity Gauntlet", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732579.jpg", imageAlt: "comic book poster" },
              { id: "m2", name: "Armor Suit", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/cartoon-superhero-illustration_23-2151732573.jpg", imageAlt: "comic book poster" },
@@ -81,12 +83,13 @@ export default function LandingPage() {
          />
        </div>

-        <div id="lifestyle" data-section="lifestyle">
+        <div id="lifestyle" data-section="lifestyle" className="text-center">
          <ProductCardThree
            animationType="slide-up"
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            useInvertedBackground={true}
+            buttons={[{ text: "Buy Now", href: "#" }]}
            products={[
              { id: "l1", name: "Retro Rides", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/vintage-car-sunset_23-2148765432.jpg" },
              { id: "l2", name: "Urban Tracks", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/city-lights-lifestyle_23-2148901234.jpg" },
@@ -97,7 +100,7 @@ export default function LandingPage() {
          />
        </div>

-        <div id="pricing" data-section="pricing">
+        <div id="pricing" data-section="pricing" className="text-center">
          <PricingCardOne
            animationType="slide-up"
            textboxLayout="default"
@@ -112,7 +115,7 @@ export default function LandingPage() {
          />
        </div>

-        <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials" className="text-center">
          <TestimonialCardSixteen
            animationType="slide-up"
            textboxLayout="default"
@@ -131,7 +134,7 @@ export default function LandingPage() {
          />
        </div>

-        <div id="faq" data-section="faq">
+        <div id="faq" data-section="faq" className="text-center">
          <FaqDouble
            textboxLayout="default"
            useInvertedBackground={false}
@@ -145,7 +148,7 @@ export default function LandingPage() {
          />
        </div>

-        <div id="contact" data-section="contact">
+        <div id="contact" data-section="contact" className="text-center">
          <ContactCenter
            useInvertedBackground={true}
            background={{ variant: "plain" }}
@@ -155,7 +158,7 @@ export default function LandingPage() {
          />
        </div>

-        <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer" className="text-center">
          <FooterBase
            columns={[
              { title: "Shop", items: [{ label: "Anime", href: "#anime" }, { label: "Marvel", href: "#marvel" }, { label: "Lifestyle", href: "#lifestyle" }] },
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-public-sans), sans-serif;
+  font-family: var(--font-inter), sans-serif;
 }
Author	SHA1	Message	Date
bender	ac96851fe4	Update src/app/styles/base.css	2026-04-23 05:45:45 +00:00
bender	8c8b2de78a	Update src/app/page.tsx	2026-04-23 05:45:44 +00:00
bender	42bb242c1c	Update src/app/layout.tsx	2026-04-23 05:45:44 +00:00
bender	3d07abd701	Merge version_3 into main Merge version_3 into main	2026-04-23 05:45:14 +00:00
bender	d16e51f262	Update theme fonts	2026-04-23 05:45:11 +00:00
bender	d1b32f3ec5	Update theme fonts	2026-04-23 05:45:11 +00:00
bender	cffaf2f34c	Merge version_3 into main Merge version_3 into main	2026-04-23 05:45:05 +00:00
bender	e335e8f9ad	Update theme fonts	2026-04-23 05:45:02 +00:00
bender	485c43c38a	Update theme fonts	2026-04-23 05:45:02 +00:00
bender	a93b73a905	Merge version_3 into main Merge version_3 into main	2026-04-23 05:42:58 +00:00
bender	8dd68d23d0	Update src/app/page.tsx	2026-04-23 05:42:55 +00:00
bender	ed2c403eae	Merge version_2 into main Merge version_2 into main	2026-04-23 05:41:29 +00:00