diff --git a/src/app/page.tsx b/src/app/page.tsx index db1a9a0..13a02a5 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -20,7 +20,7 @@ export default function LandingPage() { borderRadius="soft" contentWidth="smallMedium" sizing="mediumSizeLargeTitles" - background="grid" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="flat" secondaryButtonStyle="glass" @@ -47,7 +47,7 @@ export default function LandingPage() { tagAnimation="slide-up" title="Elevate Your Code. Own Your Style." description="Premium clothing designed for developers, hackers, and tech enthusiasts who code hard and dress harder. Express your digital identity through our exclusive streetwear collection." - background={{ variant: "grid" }} + background={{ variant: "glowing-orb" }} leftCarouselItems={[ { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-wearing-black-hoodie_23-2149359862.jpg", imageAlt: "Hacker hoodie collection" @@ -100,13 +100,13 @@ export default function LandingPage() { textboxLayout="default" products={[ { - id: "1", name: "HACK_WEAR Black Hoodie", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5109.jpg?_wi=1", imageAlt: "Black hoodie with hacker aesthetic", initialQuantity: 1 + id: "1", name: "HACK_WEAR Black Hoodie", price: "$79.99", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5109.jpg", imageAlt: "Black hoodie with hacker aesthetic", initialQuantity: 1 }, { - id: "2", name: "Code Matrix T-Shirt", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-modern-brochure-with-lines_23-2147579867.jpg?_wi=1", imageAlt: "Black t-shirt with matrix code pattern", initialQuantity: 1 + id: "2", name: "Code Matrix T-Shirt", price: "$34.99", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-modern-brochure-with-lines_23-2147579867.jpg", imageAlt: "Black t-shirt with matrix code pattern", initialQuantity: 1 }, { - id: "3", name: "Tech Utility Jacket", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/front-shot-stylish-model_23-2148323545.jpg?_wi=1", imageAlt: "Dark technical jacket with utility pockets", initialQuantity: 1 + id: "3", name: "Tech Utility Jacket", price: "$149.99", imageSrc: "http://img.b2bpic.net/free-photo/front-shot-stylish-model_23-2148323545.jpg", imageAlt: "Dark technical jacket with utility pockets", initialQuantity: 1 } ]} gridVariant="three-columns-all-equal-width" @@ -124,7 +124,7 @@ export default function LandingPage() { description="Founded by hackers, for hackers." subdescription="HACK_WEAR - Established 2024" icon={Cpu} - imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5109.jpg?_wi=2" + imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5109.jpg" imageAlt="HACK_WEAR brand showcase" mediaAnimation="slide-up" useInvertedBackground={false} @@ -141,15 +141,15 @@ export default function LandingPage() { features={[ { id: 1, - title: "Premium Materials", description: "100% organic cotton and technical fabrics designed for durability and comfort during long coding sessions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5109.jpg?_wi=3", imageAlt: "Premium fabric quality showcase" + title: "Premium Materials", description: "100% organic cotton and technical fabrics designed for durability and comfort during long coding sessions.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5109.jpg", imageAlt: "Premium fabric quality showcase" }, { id: 2, - title: "Tech-Inspired Design", description: "Matrix codes, circuit patterns, and digital aesthetics embedded into every piece. Wear your passion.", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-modern-brochure-with-lines_23-2147579867.jpg?_wi=2", imageAlt: "Tech design details" + title: "Tech-Inspired Design", description: "Matrix codes, circuit patterns, and digital aesthetics embedded into every piece. Wear your passion.", imageSrc: "http://img.b2bpic.net/free-vector/cyber-monday-modern-brochure-with-lines_23-2147579867.jpg", imageAlt: "Tech design details" }, { id: 3, - title: "Community Driven", description: "Built by the hacker community. Join thousands of developers, security researchers, and tech enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/front-shot-stylish-model_23-2148323545.jpg?_wi=2", imageAlt: "Community showcase" + title: "Community Driven", description: "Built by the hacker community. Join thousands of developers, security researchers, and tech enthusiasts.", imageSrc: "http://img.b2bpic.net/free-photo/front-shot-stylish-model_23-2148323545.jpg", imageAlt: "Community showcase" } ]} animationType="blur-reveal" @@ -202,7 +202,7 @@ export default function LandingPage() { tagAnimation="slide-up" title="Join the HACK_WEAR Community" description="Get exclusive drops, early access to new collections, and tech culture updates delivered to your inbox." - background={{ variant: "grid" }} + background={{ variant: "glowing-orb" }} inputPlaceholder="your@email.com" buttonText="Subscribe" termsText="We respect your privacy. Unsubscribe anytime. No spam, just good vibes." diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..f77bcc6 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,39 @@ -"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?: string; + dominantBaseline?: 'auto' | 'baseline' | 'central' | 'hanging' | 'ideographic' | 'mathematical'; } -const SvgTextLogo = memo(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +const SvgTextLogo: React.FC = ({ + text, + className = '', + fontSize = 24, + fontWeight = 'bold', + dominantBaseline = 'central', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file