From 369ca6e6e131856fd9dc356a2f71f0a138113725 Mon Sep 17 00:00:00 2001 From: bender Date: Thu, 12 Mar 2026 20:09:17 +0000 Subject: [PATCH 1/2] Update src/app/page.tsx --- src/app/page.tsx | 116 ++++++++++------------------------------------- 1 file changed, 25 insertions(+), 91 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 0b91e5c..a081571 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -22,8 +22,7 @@ export default function HomePage() { const footerColumns = [ { - title: "Navigation", - items: [ + title: "Navigation", items: [ { label: "Home", href: "/" }, { label: "Shop", href: "/shop" }, { label: "About", href: "#about" }, @@ -31,8 +30,7 @@ export default function HomePage() { ], }, { - title: "Connect", - items: [ + title: "Connect", items: [ { label: "Instagram", href: "https://instagram.com/novanation" }, { label: "Twitter", href: "https://twitter.com/novanation" }, { label: "Email", href: "mailto:contact@novanation.com" }, @@ -40,8 +38,7 @@ export default function HomePage() { ], }, { - title: "Legal", - items: [ + title: "Legal", items: [ { label: "Privacy Policy", href: "#" }, { label: "Terms & Conditions", href: "#" }, { label: "Shipping Info", href: "#" }, @@ -57,7 +54,7 @@ export default function HomePage() { borderRadius="soft" contentWidth="compact" sizing="large" - background="noise" + background="circleGradient" cardStyle="soft-shadow" primaryButtonStyle="flat" secondaryButtonStyle="solid" @@ -81,42 +78,26 @@ export default function HomePage() { tag="Luxury Streetwear" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "noise" }} + background={{ variant: "sparkles-gradient" }} leftCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg", - imageAlt: "Nova Nation lookbook 1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-stylish-man-walking-city_197531-33446.jpg", imageAlt: "Nova Nation lookbook 1"}, { - imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630168.jpg", - imageAlt: "Nova Nation lookbook 2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/analog-portrait-beautiful-woman-posing-indoors-elegant-dress_23-2149630168.jpg", imageAlt: "Nova Nation lookbook 2"}, { - imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9595.jpg", - imageAlt: "Nova Nation lookbook 3", - }, + imageSrc: "http://img.b2bpic.net/free-photo/charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9595.jpg", imageAlt: "Nova Nation lookbook 3"}, { - imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943455.jpg", - imageAlt: "Nova Nation lookbook 4", - }, + imageSrc: "http://img.b2bpic.net/free-photo/female-model-being-photographed-with-grunge-environment-urban-exploration_23-2150943455.jpg", imageAlt: "Nova Nation lookbook 4"}, ]} rightCarouselItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-sunglasses_23-2149409793.jpg", - imageAlt: "Nova Nation collection 1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-sunglasses_23-2149409793.jpg", imageAlt: "Nova Nation collection 1"}, { - imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg", - imageAlt: "Nova Nation collection 2", - }, + imageSrc: "http://img.b2bpic.net/free-photo/sympathetic-girl-stands-near-bulding_8353-213.jpg", imageAlt: "Nova Nation collection 2"}, { - imageSrc: "http://img.b2bpic.net/free-photo/man-with-hat-head-shopping-bags_23-2148316510.jpg", - imageAlt: "Nova Nation collection 3", - }, + imageSrc: "http://img.b2bpic.net/free-photo/man-with-hat-head-shopping-bags_23-2148316510.jpg", imageAlt: "Nova Nation collection 3"}, { - imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-hat-close-up_1303-17694.jpg", - imageAlt: "Nova Nation collection 4", - }, + imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-hat-close-up_1303-17694.jpg", imageAlt: "Nova Nation collection 4"}, ]} buttons={[{ text: "Shop Collection", href: "/shop" }]} buttonAnimation="slide-up" @@ -133,26 +114,11 @@ export default function HomePage() { tagAnimation="slide-up" products={[ { - id: "1", - name: "Nova Classic Tee", - price: "$89", - imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt_158595-4805.jpg?_wi=1", - imageAlt: "Nova Classic Tee - Black shirt with small Nova Nation logo", - }, + id: "1", name: "Nova Classic Tee", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt_158595-4805.jpg", imageAlt: "Nova Classic Tee - Black shirt with small Nova Nation logo"}, { - id: "2", - name: "Nova Oversize Tee", - price: "$99", - imageSrc: "http://img.b2bpic.net/free-photo/studio-with-shopping-things-mannequin_23-2148302802.jpg?_wi=1", - imageAlt: "Nova Oversize Tee - Oversized streetwear design with large back logo", - }, + id: "2", name: "Nova Oversize Tee", price: "$99", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-shopping-things-mannequin_23-2148302802.jpg", imageAlt: "Nova Oversize Tee - Oversized streetwear design with large back logo"}, { - id: "3", - name: "Nova Minimal Tee", - price: "$79", - imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-man-wearing-shirt-standing-front-glass_23-2148175722.jpg?_wi=1", - imageAlt: "Nova Minimal Tee - Clean minimalist design for everyday fashion", - }, + id: "3", name: "Nova Minimal Tee", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-man-wearing-shirt-standing-front-glass_23-2148175722.jpg", imageAlt: "Nova Minimal Tee - Clean minimalist design for everyday fashion"}, ]} gridVariant="three-columns-all-equal-width" animationType="slide-up" @@ -169,7 +135,7 @@ export default function HomePage() { description="Nova Nation was created for people who don't follow the crowd. We believe clothing is not just fashion — it's identity. Nova Nation represents confidence, individuality, and modern street culture." tag="About Us" tagAnimation="slide-up" - imageSrc="http://img.b2bpic.net/free-photo/girl-scary-bandage-mask-sitting_23-2147680394.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/girl-scary-bandage-mask-sitting_23-2147680394.jpg" imageAlt="Nova Nation brand studio and creative workspace" useInvertedBackground={false} buttons={[{ text: "Join the Nation", href: "#contact" }]} @@ -184,15 +150,7 @@ export default function HomePage() { tag="Community" tagAnimation="slide-up" names={[ - "Over 10,000 Happy Customers", - "100% Authentic Quality", - "Premium Materials Used", - "Ships Worldwide", - "Lifetime Support", - "Zero Compromise Design", - "Born Different Movement", - "Premium Luxury", - ]} + "Over 10,000 Happy Customers", "100% Authentic Quality", "Premium Materials Used", "Ships Worldwide", "Lifetime Support", "Zero Compromise Design", "Born Different Movement", "Premium Luxury"]} textboxLayout="default" useInvertedBackground={true} showCard={true} @@ -204,41 +162,17 @@ export default function HomePage() { Date: Thu, 12 Mar 2026 20:09:17 +0000 Subject: [PATCH 2/2] Update src/components/shared/SvgTextLogo/SvgTextLogo.tsx --- .../shared/SvgTextLogo/SvgTextLogo.tsx | 69 +++++++++---------- 1 file changed, 33 insertions(+), 36 deletions(-) diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..08e9c46 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,48 @@ -"use client"; - -import { memo } from "react"; -import useSvgTextLogo from "./useSvgTextLogo"; -import { cls } from "@/lib/utils"; +import React from 'react'; interface SvgTextLogoProps { - logoText: string; - adjustHeightFactor?: number; - verticalAlign?: "top" | "center"; + text: string; className?: string; + fontSize?: number; + fontWeight?: number; + fontFamily?: string; + fill?: string; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); +export const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 48, + fontWeight = 700, + fontFamily = 'Arial, sans-serif', + fill = 'currentColor', +}) => { + const textWidth = text.length * (fontSize * 0.6); + const padding = 20; + const width = textWidth + padding * 2; + const height = fontSize + padding * 2; return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file