40 Commits

Author SHA1 Message Date
e90a6e3c05 Switch to version 2: modified src/app/styles/variables.css 2026-04-23 05:14:05 +00:00
07eeb8ad53 Switch to version 2: modified src/app/styles/base.css 2026-04-23 05:14:04 +00:00
8cb62e5f38 Switch to version 2: modified src/app/page.tsx 2026-04-23 05:14:04 +00:00
e47f43a3c0 Switch to version 2: modified src/app/layout.tsx 2026-04-23 05:14:03 +00:00
17b766f00a Merge version_4 into main
Merge version_4 into main
2026-04-23 05:14:00 +00:00
9fb0220380 Merge version_3 into main
Merge version_3 into main
2026-04-23 05:13:18 +00:00
57ffbda874 Merge version_3 into main
Merge version_3 into main
2026-04-23 05:10:27 +00:00
f8a04d55c6 Merge version_3 into main
Merge version_3 into main
2026-04-23 05:10:12 +00:00
3ef7fe5ab9 Switch to version 3: modified src/app/styles/base.css 2026-04-23 05:09:50 +00:00
daea86d4d6 Switch to version 3: modified src/app/page.tsx 2026-04-23 05:09:50 +00:00
55bfe5037e Switch to version 3: modified src/app/layout.tsx 2026-04-23 05:09:49 +00:00
450c1d32c7 Switch to version 4: modified src/app/styles/base.css 2026-04-23 05:09:41 +00:00
ec4ca075bd Switch to version 4: modified src/app/page.tsx 2026-04-23 05:09:41 +00:00
6f77eaf4bd Switch to version 4: modified src/app/layout.tsx 2026-04-23 05:09:40 +00:00
da13c4fdce Switch to version 3: modified src/app/styles/base.css 2026-04-23 05:09:36 +00:00
57705b7648 Switch to version 3: modified src/app/page.tsx 2026-04-23 05:09:36 +00:00
691f88938d Switch to version 3: modified src/app/layout.tsx 2026-04-23 05:09:35 +00:00
966e1da3d1 Switch to version 4: modified src/app/styles/base.css 2026-04-23 05:09:33 +00:00
482bd5af35 Switch to version 4: modified src/app/page.tsx 2026-04-23 05:09:33 +00:00
d908be74e0 Switch to version 4: modified src/app/layout.tsx 2026-04-23 05:09:32 +00:00
bea4087a89 Switch to version 3: modified src/app/styles/base.css 2026-04-23 05:09:30 +00:00
d8d358275b Switch to version 3: modified src/app/page.tsx 2026-04-23 05:09:29 +00:00
717b9610a8 Switch to version 3: modified src/app/layout.tsx 2026-04-23 05:09:29 +00:00
217e337ea1 Merge version_4 into main
Merge version_4 into main
2026-04-23 05:09:28 +00:00
1a18f00e0d Update src/app/page.tsx 2026-04-23 05:09:22 +00:00
07bd3fd3d0 Merge version_4 into main
Merge version_4 into main
2026-04-23 05:09:08 +00:00
72e9a9940d Update theme fonts 2026-04-23 05:09:05 +00:00
63c3c41a29 Update theme fonts 2026-04-23 05:09:04 +00:00
66685a4452 Update theme fonts 2026-04-23 05:09:03 +00:00
b03b010f09 Update theme fonts 2026-04-23 05:09:03 +00:00
3c4112c297 Merge version_4 into main
Merge version_4 into main
2026-04-23 05:08:40 +00:00
cc825dc362 Update theme fonts 2026-04-23 05:08:37 +00:00
3079821f3e Update theme fonts 2026-04-23 05:08:36 +00:00
f993943bb4 Merge version_4 into main
Merge version_4 into main
2026-04-23 05:06:42 +00:00
1e306b10da Update src/app/page.tsx 2026-04-23 05:06:39 +00:00
be598c7a75 Merge version_4 into main
Merge version_4 into main
2026-04-23 05:06:12 +00:00
61db4cf954 Update src/app/page.tsx 2026-04-23 05:06:05 +00:00
09461a38be Merge version_3 into main
Merge version_3 into main
2026-04-23 05:03:37 +00:00
15cf7af969 Merge version_3 into main
Merge version_3 into main
2026-04-23 05:03:07 +00:00
f9ed6cd90c Merge version_3 into main
Merge version_3 into main
2026-04-23 05:02:29 +00:00
4 changed files with 116 additions and 55 deletions

View File

@@ -7,7 +7,6 @@ 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";
@@ -21,17 +20,10 @@ export const metadata: Metadata = {
},
};
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
});
const inter = Inter({
variable: "--font-inter",
const lato = Lato({
variable: "--font-lato",
subsets: ["latin"],
weight: ["100", "300", "400", "700", "900"],
});
export default function RootLayout({
@@ -42,7 +34,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<body className={`${lato.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -32,10 +32,14 @@ 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"
/>
@@ -43,12 +47,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
logoText="Aeterna"
background={{ variant: "plain" }}
background={{
variant: "plain"}}
logoText="AETERNA"
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"
@@ -60,9 +67,15 @@ 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"
/>
@@ -73,8 +86,14 @@ 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."
/>
@@ -87,12 +106,18 @@ 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/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/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"},
]}
title="The Collection"
description="Essentials for the modern wanderer."
@@ -105,9 +130,30 @@ 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."
@@ -120,11 +166,16 @@ 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/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/free-photo/gen-z-person-exploring-absurdist-fashion-beauty_23-2151104064.jpg"},
]}
title="Voices of the Community"
description="Hear from our global collective."
@@ -136,9 +187,12 @@ 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."
@@ -149,7 +203,8 @@ 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."
@@ -161,8 +216,22 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Catalog", items: [{ label: "Hoodies", href: "#products" }, { label: "T-Shirts", href: "#products" }] },
{ title: "Support", items: [{ label: "Mission", href: "#about" }, { label: "Contact", href: "#contact" }] },
{
title: "Shop", items: [
{
label: "Hoodies", href: "#products"},
{
label: "T-Shirts", href: "#products"},
],
},
{
title: "Company", items: [
{
label: "Mission", href: "#about"},
{
label: "Contact", href: "#contact"},
],
},
]}
logoText="AETERNA"
/>

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-lato), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-libre-baskerville), serif;
font-family: var(--font-lato), sans-serif;
}

View File

@@ -11,14 +11,14 @@
--background-accent: #ffffff; */
--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;
--card: #fff0f5;
--foreground: #121212;
--primary-cta: #ffb7c5;
--primary-cta-text: #0a0a0a;
--secondary-cta: #000000;
--secondary-cta-text: #ffffff;
--accent: #ff69b4;
--background-accent: #ffe4e9;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);