8 Commits

Author SHA1 Message Date
4d9bedbe6b Merge version_4 into main
Merge version_4 into main
2026-05-24 07:33:34 +00:00
e0ac7973dc Update src/app/styles/base.css 2026-05-24 07:33:31 +00:00
f8016a39e6 Update src/app/page.tsx 2026-05-24 07:33:31 +00:00
7c635772ff Update src/app/layout.tsx 2026-05-24 07:33:31 +00:00
7035b25d84 Merge version_3 into main
Merge version_3 into main
2026-05-24 07:31:27 +00:00
3aca3d3585 Update src/app/page.tsx 2026-05-24 07:31:21 +00:00
f66c8b749a Merge version_2 into main
Merge version_2 into main
2026-05-24 07:13:38 +00:00
afbf090d5e Merge version_2 into main
Merge version_2 into main
2026-05-24 07:13:07 +00:00
3 changed files with 23 additions and 15 deletions

View File

@@ -6,6 +6,8 @@ import "@/lib/gsap-setup";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Libre_Baskerville } from "next/font/google";
import { Nunito } from "next/font/google";
import { Mulish } from "next/font/google";
@@ -23,14 +25,12 @@ export const metadata: Metadata = {
},
};
const libreBaskerville = Libre_Baskerville({
variable: "--font-libre-baskerville",
subsets: ["latin"],
weight: ["400", "700"],
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
subsets: ["latin"],
const mulish = Mulish({
variable: "--font-mulish", subsets: ["latin"],
});
export default function RootLayout({
@@ -41,7 +41,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${libreBaskerville.variable} ${inter.variable} antialiased`}>
<body className={`${nunito.variable} ${mulish.variable} antialiased`}>
{children}
<script

View File

@@ -53,6 +53,7 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/t-shirt-painting-indoors-still-life_23-2150572736.jpg?_wi=2"
imageAlt="Cute anime collectibles"
mediaAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
@@ -64,6 +65,8 @@ export default function LandingPage() {
buttons={[{ text: "Browse Shop", href: "#products" }]}
imageSrc="http://img.b2bpic.net/free-photo/digital-art-style-pottery-illustration_23-2151813477.jpg?_wi=2"
imageAlt="organizing anime collectibles"
tagAnimation="slide-up"
buttonAnimation="slide-up"
/>
</div>
@@ -80,18 +83,20 @@ export default function LandingPage() {
]}
title="Why Buy from Me?"
description="Dedicated to giving my fellow collectors the best experience possible."
buttonAnimation="slide-up"
/>
</div>
<div id="products" data-section="products">
<ProductCardTwo
animationType="opacity"
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[]}
title="Featured Merchandise"
description="Limited quantities available from my private collection."
buttonAnimation="slide-up"
/>
</div>
@@ -103,6 +108,7 @@ export default function LandingPage() {
plans={[]}
title="Shop Tiers"
description="Choose your level of collector experience."
buttonAnimation="slide-up"
/>
</div>
@@ -113,8 +119,8 @@ export default function LandingPage() {
rating={5}
author="Sarah M."
avatars={[]}
ratingAnimation="blur-reveal"
avatarsAnimation="blur-reveal"
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
/>
</div>
@@ -126,7 +132,8 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/purple-yeti-cartoon-with-boxes_23-2150248732.jpg"
title="Collector FAQs"
description="Answers to the most common questions about the shop."
faqsAnimation="blur-reveal"
faqsAnimation="slide-up"
mediaAnimation="slide-up"
/>
</div>
@@ -138,6 +145,7 @@ export default function LandingPage() {
title="Join the Collector List"
description="Be the first to know about new listings from my personal collection."
imageSrc="http://img.b2bpic.net/free-photo/young-man-knitting-while-relaxing_23-2149401794.jpg"
mediaAnimation="slide-up"
/>
</div>
@@ -150,4 +158,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

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-mulish), 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-nunito), sans-serif;
}