diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index 5777e61..002f8af 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -34,7 +34,7 @@ export default function ContactPage() { borderRadius="pill" contentWidth="compact" sizing="largeSmallSizeMediumTitles" - background="grid" + background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="shadow" secondaryButtonStyle="radial-glow" @@ -56,9 +56,9 @@ export default function ContactPage() { title="Stay Updated with Latest Trends" description="Subscribe to our newsletter and be the first to know about new collections, exclusive offers, and styling tips from our fashion experts." tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={true} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3zdy1&_wi=2" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3zdy1" imageAlt="Fashion store environment" mediaAnimation="blur-reveal" mediaPosition="right" @@ -73,35 +73,20 @@ export default function ContactPage() { @@ -52,7 +50,7 @@ export default function HomePage() { tag="New Collection" tagIcon={Sparkles} tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={false} imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n3zo80" imageAlt="Premium clothing collection showcase" @@ -60,34 +58,20 @@ export default function HomePage() { mediaAnimation="blur-reveal" buttons={[ { - text: "Shop Now", - href: "/shop", - }, + text: "Shop Now", href: "/shop"}, { - text: "View Lookbook", - href: "#", - }, + text: "View Lookbook", href: "#"}, ]} buttonAnimation="slide-up" testimonials={[ { - name: "Emma Richardson", - handle: "Fashion Enthusiast", - testimonial: - "StyleHub has become my go-to for quality fashion. The selection is incredible and delivery is always on time!", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8x0zp5&_wi=1", - imageAlt: "Emma Richardson", - }, + name: "Emma Richardson", handle: "Fashion Enthusiast", testimonial: + "StyleHub has become my go-to for quality fashion. The selection is incredible and delivery is always on time!", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8x0zp5", imageAlt: "Emma Richardson"}, { - name: "Michael Chen", - handle: "Professional Shopper", - testimonial: - "Best online clothing store I've found. The quality is unmatched and customer service is exceptional.", - rating: 5, - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wk89wa&_wi=1", - imageAlt: "Michael Chen", - }, + name: "Michael Chen", handle: "Professional Shopper", testimonial: + "Best online clothing store I've found. The quality is unmatched and customer service is exceptional.", rating: 5, + imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wk89wa", imageAlt: "Michael Chen"}, ]} testimonialRotationInterval={5000} /> @@ -106,32 +90,15 @@ export default function HomePage() { gridVariant="three-columns-all-equal-width" products={[ { - id: "1", - name: "Classic Cotton T-Shirt", - price: "$34.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hkfcw&_wi=1", - imageAlt: "Classic Cotton T-Shirt", - }, + id: "1", name: "Classic Cotton T-Shirt", price: "$34.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9hkfcw", imageAlt: "Classic Cotton T-Shirt"}, { - id: "2", - name: "Elegant Evening Dress", - price: "$89.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=snddqc&_wi=1", - imageAlt: "Elegant Evening Dress", - }, + id: "2", name: "Elegant Evening Dress", price: "$89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=snddqc", imageAlt: "Elegant Evening Dress"}, { - id: "3", - name: "Premium Denim Jeans", - price: "$64.99", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itikf6&_wi=1", - imageAlt: "Premium Denim Jeans", - }, + id: "3", name: "Premium Denim Jeans", price: "$64.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=itikf6", imageAlt: "Premium Denim Jeans"}, ]} buttons={[ { - text: "View All Products", - href: "/shop", - }, + text: "View All Products", href: "/shop"}, ]} buttonAnimation="slide-up" /> @@ -141,29 +108,19 @@ export default function HomePage() { @@ -180,37 +137,19 @@ export default function HomePage() { animationType="opacity" features={[ { - id: "quality", - label: "Quality", - title: "Premium Materials & Craftsmanship", - items: [ - "100% authentic brands", - "Premium fabric selection", - "Rigorous quality control", - "Sustainable practices", - ], + id: "quality", label: "Quality", title: "Premium Materials & Craftsmanship", items: [ + "100% authentic brands", "Premium fabric selection", "Rigorous quality control", "Sustainable practices"], buttons: [ { - text: "Learn More", - href: "#", - }, + text: "Learn More", href: "#"}, ], }, { - id: "service", - label: "Service", - title: "World-Class Customer Experience", - items: [ - "24/7 customer support", - "Easy returns & exchanges", - "Fast shipping worldwide", - "Secure checkout", - ], + id: "service", label: "Service", title: "World-Class Customer Experience", items: [ + "24/7 customer support", "Easy returns & exchanges", "Fast shipping worldwide", "Secure checkout"], buttons: [ { - text: "Contact Support", - href: "#contact", - }, + text: "Contact Support", href: "#contact"}, ], }, ]} @@ -229,59 +168,23 @@ export default function HomePage() { animationType="slide-up" testimonials={[ { - id: "1", - name: "Sarah Johnson", - handle: "@fashionista_sarah", - testimonial: - "Amazing quality and selection! I've been shopping here for months and never been disappointed. The fit is always perfect.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8x0zp5&_wi=2", - imageAlt: "Sarah Johnson", - }, + id: "1", name: "Sarah Johnson", handle: "@fashionista_sarah", testimonial: + "Amazing quality and selection! I've been shopping here for months and never been disappointed. The fit is always perfect.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8x0zp5", imageAlt: "Sarah Johnson"}, { - id: "2", - name: "David Kumar", - handle: "Style Maven", - testimonial: - "StyleHub is my go-to for professional attire. Great prices and excellent customer service. Highly recommended!", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wk89wa&_wi=2", - imageAlt: "David Kumar", - }, + id: "2", name: "David Kumar", handle: "Style Maven", testimonial: + "StyleHub is my go-to for professional attire. Great prices and excellent customer service. Highly recommended!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wk89wa", imageAlt: "David Kumar"}, { - id: "3", - name: "Jessica Chen", - handle: "@jess_style", - testimonial: - "Love the variety and the trend-forward pieces. Delivery is super fast and the quality is consistently great.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ajyx4", - imageAlt: "Jessica Chen", - }, + id: "3", name: "Jessica Chen", handle: "@jess_style", testimonial: + "Love the variety and the trend-forward pieces. Delivery is super fast and the quality is consistently great.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ajyx4", imageAlt: "Jessica Chen"}, { - id: "4", - name: "Marcus Williams", - handle: "Quality Conscious", - testimonial: - "Found exactly what I was looking for. The website is easy to navigate and checkout was smooth. Will definitely shop again!", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jq3d26", - imageAlt: "Marcus Williams", - }, + id: "4", name: "Marcus Williams", handle: "Quality Conscious", testimonial: + "Found exactly what I was looking for. The website is easy to navigate and checkout was smooth. Will definitely shop again!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jq3d26", imageAlt: "Marcus Williams"}, { - id: "5", - name: "Lisa Patterson", - handle: "@style_adventures", - testimonial: - "StyleHub understands fashion! The curation is excellent and I trust the quality of everything I buy here.", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agkdlr", - imageAlt: "Lisa Patterson", - }, + id: "5", name: "Lisa Patterson", handle: "@style_adventures", testimonial: + "StyleHub understands fashion! The curation is excellent and I trust the quality of everything I buy here.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=agkdlr", imageAlt: "Lisa Patterson"}, { - id: "6", - name: "James Anderson", - handle: "Casual Dresser", - testimonial: - "Best online shopping experience I've had. Great selection, fair prices, and reliable shipping. 10/10!", - imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j133ns", - imageAlt: "James Anderson", - }, + id: "6", name: "James Anderson", handle: "Casual Dresser", testimonial: + "Best online shopping experience I've had. Great selection, fair prices, and reliable shipping. 10/10!", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=j133ns", imageAlt: "James Anderson"}, ]} speed={40} topMarqueeDirection="left" @@ -298,25 +201,9 @@ export default function HomePage() { textboxLayout="default" useInvertedBackground={true} names={[ - "Nordstrom", - "Zara", - "H&M", - "Uniqlo", - "Forever 21", - "Gap", - "SHEIN", - "ASOS", - ]} + "Nordstrom", "Zara", "H&M", "Uniqlo", "Forever 21", "Gap", "SHEIN", "ASOS"]} logos={[ - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ppcbs", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=le1k2v", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tpfhha", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtmi1d", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zf6jjl", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7bngh", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=doc1xc", - "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7gdf0c", - ]} + "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ppcbs", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=le1k2v", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tpfhha", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qtmi1d", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zf6jjl", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7bngh", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=doc1xc", "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7gdf0c"]} speed={40} showCard={true} /> @@ -329,9 +216,9 @@ export default function HomePage() { title="Stay Updated with Latest Trends" description="Subscribe to our newsletter and be the first to know about new collections, exclusive offers, and styling tips from our fashion experts." tagAnimation="slide-up" - background={{ variant: "grid" }} + background={{ variant: "plain" }} useInvertedBackground={true} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3zdy1&_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a3zdy1" imageAlt="Fashion store environment" mediaAnimation="blur-reveal" mediaPosition="right" @@ -345,13 +232,9 @@ export default function HomePage() { diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..bf04b9c 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -1,51 +1,29 @@ -"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; } -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 = '' }) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file