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 (
);
-});
+};
-SvgTextLogo.displayName = "SvgTextLogo";
-
-export default SvgTextLogo;
+export default SvgTextLogo;
\ No newline at end of file