Update theme colors

Update theme fonts
2026-04-23 05:13:56 +00:00 · 2026-04-23 05:13:15 +00:00 · 2026-04-23 05:13:15 +00:00 · 2026-04-23 05:10:23 +00:00 · 2026-04-23 05:10:23 +00:00 · 2026-04-23 05:10:09 +00:00
4 changed files with 57 additions and 118 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 { Lato } from "next/font/google";
+import { Libre_Baskerville } from "next/font/google";



@@ -20,10 +21,17 @@ export const metadata: Metadata = {
  },
 };

-const lato = Lato({
-  variable: "--font-lato",
+
+
+
+const libreBaskerville = Libre_Baskerville({
+  variable: "--font-libre-baskerville",
+  subsets: ["latin"],
+  weight: ["400", "700"],
+});
+const inter = Inter({
+  variable: "--font-inter",
  subsets: ["latin"],
-  weight: ["100", "300", "400", "700", "900"],
 });

 export default function RootLayout({
@@ -34,7 +42,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body className={`${lato.variable} antialiased`}>
+        <body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,14 +32,10 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
-        {
-          name: "Shop",          id: "#products"},
-        {
-          name: "About",          id: "#about"},
-        {
-          name: "Testimonials",          id: "#testimonials"},
-        {
-          name: "Contact",          id: "#contact"},
+        { name: "Shop", id: "#products" },
+        { name: "About", id: "#about" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Contact", id: "#contact" },
      ]}
      brandName="Aeterna"
    />
@@ -47,15 +43,12 @@ export default function LandingPage() {

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
-      background={{
-        variant: "plain"}}
-      logoText="AETERNA"
+      logoText="Aeterna"
+      background={{ variant: "plain" }}
      description="Where tradition meets modern grace. Streetwear crafted with purpose."
      buttons={[
-        {
-          text: "Shop New Drop",          href: "#products"},
-        {
-          text: "Our Mission",          href: "#about"},
+        { text: "Shop New Drop", href: "#products" },
+        { text: "Our Mission", href: "#about" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/fashionable-long-legs-brunette-model-long-black-cloak-posed-outdoor-winter-day-against-old-grunge-wall_627829-14032.jpg"
      mediaAnimation="slide-up"
@@ -67,15 +60,9 @@ export default function LandingPage() {
      useInvertedBackground={false}
      title="Values in Every Stitch"
      metrics={[
-        {
-          icon: Award,
-          label: "Ethical Sourcing",          value: "100%"},
-        {
-          icon: Users,
-          label: "Global Community",          value: "10k+"},
-        {
-          icon: Shield,
-          label: "Quality Assurance",          value: "24/7"},
+        { icon: Award, label: "Ethical Sourcing", value: "100%" },
+        { icon: Users, label: "Global Community", value: "10k+" },
+        { icon: Shield, label: "Quality Assurance", value: "24/7" },
      ]}
      metricsAnimation="slide-up"
    />
@@ -86,14 +73,8 @@ export default function LandingPage() {
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "Fast Fashion",          "Exploitative Labor",          "Excessive Waste"],
-      }}
-      positiveCard={{
-        items: [
-          "Slow Fashion",          "Transparent Ethics",          "Purpose-Driven Design"],
-      }}
+      negativeCard={{ items: ["Fast Fashion", "Exploitative Labor", "Excessive Waste"] }}
+      positiveCard={{ items: ["Slow Fashion", "Transparent Ethics", "Purpose-Driven Design"] }}
      title="Defining Aeterna"
      description="Fusion of ancient Asian wisdom and modern Christian values."
    />
@@ -106,18 +87,12 @@ export default function LandingPage() {
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
-        {
-          id: "1",          name: "Heritage Hoodie",          price: "$85",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg"},
-        {
-          id: "2",          name: "Grace Graphic Tee",          price: "$45",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-beverage-tall-glass_23-2149333984.jpg"},
-        {
-          id: "3",          name: "Zenith Sneakers",          price: "$120",          imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558979.jpg"},
-        {
-          id: "4",          name: "Logo Snapback",          price: "$35",          imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg"},
-        {
-          id: "5",          name: "Urban Cargos",          price: "$95",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wit-prosthetic-leg-doing-yoga_23-2149722209.jpg"},
-        {
-          id: "6",          name: "Sleek Bomber",          price: "$150",          imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5496.jpg"},
+        { id: "1", name: "Heritage Hoodie", price: "$85", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg" },
+        { id: "2", name: "Grace Graphic Tee", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/delicious-beverage-tall-glass_23-2149333984.jpg" },
+        { id: "3", name: "Zenith Sneakers", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/ice-skates-studio-still-life_23-2150558979.jpg" },
+        { id: "4", name: "Logo Snapback", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg" },
+        { id: "5", name: "Urban Cargos", price: "$95", imageSrc: "http://img.b2bpic.net/woman-wit-prosthetic-leg-doing-yoga_23-2149722209.jpg" },
+        { id: "6", name: "Sleek Bomber", price: "$150", imageSrc: "http://img.b2bpic.net/free-photo/millennial-fashion-couple-white-studio_158595-5496.jpg" },
      ]}
      title="The Collection"
      description="Essentials for the modern wanderer."
@@ -130,30 +105,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
-        {
-          id: "basic",          price: "$0",          name: "Community",          buttons: [
-            {
-              text: "Join"},
-          ],
-          features: [
-            "Access to site",            "Newsletter"],
-        },
-        {
-          id: "pro",          price: "$29",          name: "Member",          buttons: [
-            {
-              text: "Upgrade"},
-          ],
-          features: [
-            "Early access",            "Free shipping"],
-        },
-        {
-          id: "vip",          price: "$99",          name: "Elite",          buttons: [
-            {
-              text: "Join VIP"},
-          ],
-          features: [
-            "Limited drops",            "Priority support"],
-        },
+        { id: "basic", price: "$0", name: "Community", buttons: [{ text: "Join" }], features: ["Access to site", "Newsletter"] },
+        { id: "pro", price: "$29", name: "Member", buttons: [{ text: "Upgrade" }], features: ["Early access", "Free shipping"] },
+        { id: "vip", price: "$99", name: "Elite", buttons: [{ text: "Join VIP" }], features: ["Limited drops", "Priority support"] },
      ]}
      title="Membership Tiers"
      description="Join our inner circle for exclusive drops."
@@ -166,16 +120,11 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
-        {
-          id: "t1",          name: "John Doe",          handle: "@johndoe",          testimonial: "Quality is top-tier and the message resonates.",          imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-brunette-hair-has-fun-street-optimistic-short-haired-teen-beige-jacket-jeans-bright-sunglasses-posing-outside_197531-29340.jpg"},
-        {
-          id: "t2",          name: "Jane Smith",          handle: "@janesmith",          testimonial: "Finally, streetwear that stands for something.",          imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg"},
-        {
-          id: "t3",          name: "Sam Lee",          handle: "@samlee",          testimonial: "Comfortable, stylish, and ethical. Perfect mix.",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-jeans-jacket-beret-eyeglasses-against-graffiti-wall-abandoned-roof_627829-2010.jpg"},
-        {
-          id: "t4",          name: "Kim Park",          handle: "@kimpark",          testimonial: "I love the subtle Christian references.",          imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-taking-selfie-smart-phone-outdoor_23-2148148153.jpg"},
-        {
-          id: "t5",          name: "Alex Chen",          handle: "@alexchen",          testimonial: "The best fit in my entire wardrobe.",          imageSrc: "http://img.b2bpic.net/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104064.jpg"},
+        { id: "t1", name: "John Doe", handle: "@johndoe", testimonial: "Quality is top-tier and the message resonates.", imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-brunette-hair-has-fun-street-optimistic-short-haired-teen-beige-jacket-jeans-bright-sunglasses-posing-outside_197531-29340.jpg" },
+        { id: "t2", name: "Jane Smith", handle: "@janesmith", testimonial: "Finally, streetwear that stands for something.", imageSrc: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg" },
+        { id: "t3", name: "Sam Lee", handle: "@samlee", testimonial: "Comfortable, stylish, and ethical. Perfect mix.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-man-jeans-jacket-beret-eyeglasses-against-graffiti-wall-abandoned-roof_627829-2010.jpg" },
+        { id: "t4", name: "Kim Park", handle: "@kimpark", testimonial: "I love the subtle Christian references.", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-taking-selfie-smart-phone-outdoor_23-2148148153.jpg" },
+        { id: "t5", name: "Alex Chen", handle: "@alexchen", testimonial: "The best fit in my entire wardrobe.", imageSrc: "http://img.b2bpic.net/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104064.jpg" },
      ]}
      title="Voices of the Community"
      description="Hear from our global collective."
@@ -187,12 +136,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
-        {
-          id: "q1",          title: "Shipping time?",          content: "3-5 business days globally."},
-        {
-          id: "q2",          title: "Returns policy?",          content: "Free returns within 30 days."},
-        {
-          id: "q3",          title: "Where are you based?",          content: "Global brand with studios in Seoul and NYC."},
+        { id: "q1", title: "Shipping time?", content: "3-5 business days globally." },
+        { id: "q2", title: "Returns policy?", content: "Free returns within 30 days." },
+        { id: "q3", title: "Where are you based?", content: "Global brand with studios in Seoul and NYC." },
      ]}
      title="Frequently Asked"
      description="Clear answers to your most common questions."
@@ -203,8 +149,7 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
+      background={{ variant: "plain" }}
      tag="Keep in touch"
      title="Join the Movement"
      description="Sign up for updates on our latest cultural drops."
@@ -216,22 +161,8 @@ export default function LandingPage() {
  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
-        {
-          title: "Shop",          items: [
-            {
-              label: "Hoodies",              href: "#products"},
-            {
-              label: "T-Shirts",              href: "#products"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "Mission",              href: "#about"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
+        { title: "Catalog", items: [{ label: "Hoodies", href: "#products" }, { label: "T-Shirts", href: "#products" }] },
+        { title: "Support", items: [{ label: "Mission", href: "#about" }, { label: "Contact", href: "#contact" }] },
      ]}
      logoText="AETERNA"
    />
@@ -239,4 +170,4 @@ export default function LandingPage() {
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- 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-lato), sans-serif;
+  font-family: var(--font-inter), sans-serif;
  position: relative;
  min-height: 100vh;
  overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-libre-baskerville), 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: #ffffff;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #333333;
-  --secondary-cta-text: #ffffff;
-  --accent: #ffdf7d;
-  --background-accent: #1a1a1a;
+  --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	f8fd7a7fb1	Update theme colors	2026-04-23 05:13:56 +00:00
bender	a677f5c7e2	Update theme fonts	2026-04-23 05:13:15 +00:00
bender	c7b1878e40	Update theme fonts	2026-04-23 05:13:15 +00:00
bender	f1147ec361	Update theme fonts	2026-04-23 05:10:23 +00:00
bender	bb8706fdd1	Update theme fonts	2026-04-23 05:10:23 +00:00
bender	6ceea79835	Update theme fonts	2026-04-23 05:10:09 +00:00
bender	6daf57e833	Update theme fonts	2026-04-23 05:10:08 +00:00
bender	542311468b	Update src/app/page.tsx	2026-04-23 05:03:34 +00:00
bender	28a59c6ff0	Update src/app/page.tsx	2026-04-23 05:03:01 +00:00
bender	0eeeaf094c	Update src/app/page.tsx	2026-04-23 05:02:23 +00:00
bender	37dd02a727	Merge version_2 into main Merge version_2 into main	2026-04-23 04:59:10 +00:00
bender	ff7a44ba16	Update src/app/styles/variables.css	2026-04-23 04:59:07 +00:00
bender	de0655a04b	Update src/app/page.tsx	2026-04-23 04:59:06 +00:00
bender	e0a5e25cb1	Merge version_1 into main Merge version_1 into main	2026-04-23 04:58:48 +00:00