bender/7ea82f7c-ffe2-4f96-bba7-19b5b21027b2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_4
Branches Tags
bender:main bender:version_4 bender:version_3 bender:version_2 bender:version_1

12 Commits
version_2 ... version_4

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
3 changed files with 22 additions and 19 deletions
Expand all files Collapse all files

14
src/app/layout.tsx
View File

@@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script"; import { getVisualEditScript } from "@/utils/visual-edit-script";
import { Public_Sans } from "next/font/google"; 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.', 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({ const inter = Inter({
variable: "--font-inter", variable: "--font-inter", subsets: ["latin"],
subsets: ["latin"], weight: ["700"],
}); });
export default function RootLayout({ export default function RootLayout({
@@ -32,7 +32,7 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${publicSans.variable} ${inter.variable} antialiased`}> <body className={`${inter.variable} antialiased`}>
<Tag /> <Tag />
{children} {children}
<script <script

25
src/app/page.tsx
View File

@@ -23,10 +23,10 @@ export default function LandingPage() {
cardStyle="glass-elevated" cardStyle="glass-elevated"
primaryButtonStyle="gradient" primaryButtonStyle="gradient"
secondaryButtonStyle="glass" secondaryButtonStyle="glass"
headingFontWeight="normal" headingFontWeight="bold"
> >
<ReactLenis root> <ReactLenis root>
<div id="nav" data-section="nav"> <div id="nav" data-section="nav" className="text-center">
<NavbarStyleCentered <NavbarStyleCentered
navItems={[ navItems={[
{ name: "Home", id: "home" }, { name: "Home", id: "home" },
@@ -39,7 +39,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="home" data-section="home"> <div id="home" data-section="home" className="text-center">
<HeroBillboardScroll <HeroBillboardScroll
background={{ variant: "gradient-bars" }} background={{ variant: "gradient-bars" }}
title="Elevate Your Space with Art" title="Elevate Your Space with Art"
@@ -49,12 +49,13 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="anime" data-section="anime"> <div id="anime" data-section="anime" className="text-center">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
buttons={[{ text: "Buy Now", href: "#" }]}
products={[ 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: "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" }, { 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>
<div id="marvel" data-section="marvel"> <div id="marvel" data-section="marvel" className="text-center">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
buttons={[{ text: "Buy Now", href: "#" }]}
products={[ 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: "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" }, { 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>
<div id="lifestyle" data-section="lifestyle"> <div id="lifestyle" data-section="lifestyle" className="text-center">
<ProductCardThree <ProductCardThree
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
useInvertedBackground={true} useInvertedBackground={true}
buttons={[{ text: "Buy Now", href: "#" }]}
products={[ products={[
{ id: "l1", name: "Retro Rides", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/vintage-car-sunset_23-2148765432.jpg" }, { 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" }, { 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>
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing" className="text-center">
<PricingCardOne <PricingCardOne
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -112,7 +115,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="testimonials" data-section="testimonials"> <div id="testimonials" data-section="testimonials" className="text-center">
<TestimonialCardSixteen <TestimonialCardSixteen
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
@@ -131,7 +134,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="faq" data-section="faq"> <div id="faq" data-section="faq" className="text-center">
<FaqDouble <FaqDouble
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
@@ -145,7 +148,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="contact" data-section="contact"> <div id="contact" data-section="contact" className="text-center">
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ variant: "plain" }} background={{ variant: "plain" }}
@@ -155,7 +158,7 @@ export default function LandingPage() {
/> />
</div> </div>
<div id="footer" data-section="footer"> <div id="footer" data-section="footer" className="text-center">
<FooterBase <FooterBase
columns={[ columns={[
{ title: "Shop", items: [{ label: "Anime", href: "#anime" }, { label: "Marvel", href: "#marvel" }, { label: "Lifestyle", href: "#lifestyle" }] }, { title: "Shop", items: [{ label: "Anime", href: "#anime" }, { label: "Marvel", href: "#marvel" }, { label: "Lifestyle", href: "#lifestyle" }] },

2
src/app/styles/base.css
View File

@@ -24,5 +24,5 @@ h3,
h4, h4,
h5, h5,
h6 { h6 {
font-family: var(--font-public-sans), sans-serif; font-family: var(--font-inter), sans-serif;
} }