bender/86f3fc17-c5f5-4ee2-b36c-edff13586a33
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 5 commits from version_1 into main 2026-03-13 09:05:43 +00:00
Conversation 0 Commits 5 Files Changed 5 +119 -310
5 changed files with 119 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/app/contact/page.tsx
View File

@@ -16,8 +16,7 @@ export default function ContactPage() {
const footerColumns = [
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Clothing", href: "/shop" },
{ label: "Shoes", href: "/shop" },
{ label: "Accessories", href: "/shop" },
@@ -25,8 +24,7 @@ export default function ContactPage() {
],
},
{
title: "About",
items: [
title: "About", items: [
{ label: "Our Story", href: "/about" },
{ label: "Mission & Vision", href: "/about" },
{ label: "Careers", href: "#" },
@@ -34,8 +32,7 @@ export default function ContactPage() {
],
},
{
title: "Customer Service",
items: [
title: "Customer Service", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -43,8 +40,7 @@ export default function ContactPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Security", href: "#" },
@@ -71,9 +67,7 @@ export default function ContactPage() {
brandName="TrendCart"
navItems={navItems}
button={{
text: "Sign In",
href: "#",
}}
text: "Sign In", href: "#"}}
animateOnLoad={true}
/>
</div>
@@ -86,8 +80,7 @@ export default function ContactPage() {
tagIcon={Mail}
tagAnimation="slide-up"
background={{
variant: "circleGradient",
}}
variant: "glowing-orb"}}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe"

208
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import Link from "next/link";
import { Sparkles, TrendingUp, Gift, Heart, ShoppingCart, Star, Truck, Trophy, BarChart3, Mail } from "lucide-react";
import { Sparkles, TrendingUp, Gift, Heart, ShoppingCart, Star, Truck, Trophy, BarChart3, Mail, Sun, Tag } from "lucide-react";
export default function HomePage() {
return (
@@ -46,39 +46,27 @@ export default function HomePage() {
tag="Premium Fashion"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0q02b2&_wi=1"
background={{ variant: "glowing-orb" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0q02b2"
imageAlt="TrendCart Fashion Collection"
imagePosition="right"
mediaAnimation="slide-up"
testimonials={[
{
name: "Sarah Johnson",
handle: "Fashion Enthusiast",
testimonial: "Amazing quality and incredible style choices!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq&_wi=1",
},
name: "Sarah Johnson", handle: "Fashion Enthusiast", testimonial: "Amazing quality and incredible style choices!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq"},
{
name: "Michael Chen",
handle: "Style Advisor",
testimonial: "Best shopping experience I've had online.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw&_wi=1",
},
name: "Michael Chen", handle: "Style Advisor", testimonial: "Best shopping experience I've had online.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw"},
{
name: "Emily Rodriguez",
handle: "Fashion Blogger",
testimonial: "TrendCart is my go-to for premium collections.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek&_wi=1",
},
name: "Emily Rodriguez", handle: "Fashion Blogger", testimonial: "TrendCart is my go-to for premium collections.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek"},
]}
buttons={[
{ text: "Shop Now", href: "/shop" },
{ text: "View Collections", href: "/shop" },
]}
buttonAnimation="fade-in"
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -96,26 +84,11 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
name: "Premium Summer Dress",
price: "$89.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq&_wi=1",
imageAlt: "Premium Summer Dress",
},
id: "1", name: "Premium Summer Dress", price: "$89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq", imageAlt: "Premium Summer Dress"},
{
id: "2",
name: "Luxury Leather Shoes",
price: "$129.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avanim&_wi=1",
imageAlt: "Luxury Leather Shoes",
},
id: "2", name: "Luxury Leather Shoes", price: "$129.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avanim", imageAlt: "Luxury Leather Shoes"},
{
id: "3",
name: "Designer Handbag",
price: "$159.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyt86a&_wi=1",
imageAlt: "Designer Handbag",
},
id: "3", name: "Designer Handbag", price: "$159.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyt86a", imageAlt: "Designer Handbag"},
]}
buttons={[{ text: "View All", href: "/shop" }]}
buttonAnimation="slide-up"
@@ -134,43 +107,19 @@ export default function HomePage() {
useInvertedBackground={false}
plans={[
{
id: "summer-sale",
badge: "Summer Sale",
badgeIcon: Sun,
price: "Up to 50% Off",
subtitle: "Seasonal Collection",
features: [
"Summer dresses and tops",
"Lightweight accessories",
"Beach essentials",
"Limited stock available",
],
id: "summer-sale", badge: "Summer Sale", badgeIcon: Sun,
price: "Up to 50% Off", subtitle: "Seasonal Collection", features: [
"Summer dresses and tops", "Lightweight accessories", "Beach essentials", "Limited stock available"],
},
{
id: "clearance",
badge: "Clearance",
badgeIcon: Tag,
price: "Up to 70% Off",
subtitle: "Previous Season",
features: [
"End of season styles",
"Last available items",
"Final sale items",
"Clearance pricing",
],
id: "clearance", badge: "Clearance", badgeIcon: Tag,
price: "Up to 70% Off", subtitle: "Previous Season", features: [
"End of season styles", "Last available items", "Final sale items", "Clearance pricing"],
},
{
id: "loyalty",
badge: "Member Exclusive",
badgeIcon: Star,
price: "Extra 20% Off",
subtitle: "For Loyal Customers",
features: [
"Additional member discount",
"Early access to sales",
"Free shipping available",
"Rewards points earned",
],
id: "loyalty", badge: "Member Exclusive", badgeIcon: Star,
price: "Extra 20% Off", subtitle: "For Loyal Customers", features: [
"Additional member discount", "Early access to sales", "Free shipping available", "Rewards points earned"],
},
]}
/>
@@ -189,59 +138,29 @@ export default function HomePage() {
showRating={true}
testimonials={[
{
id: "1",
name: "Jessica Martinez",
handle: "@jessicam_style",
testimonial:
"The quality is exceptional and the customer service is outstanding. Will definitely shop again!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq&_wi=2",
},
id: "1", name: "Jessica Martinez", handle: "@jessicam_style", testimonial:
"The quality is exceptional and the customer service is outstanding. Will definitely shop again!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq"},
{
id: "2",
name: "David Thompson",
handle: "@davidthompson",
testimonial:
"Fast shipping, perfect fit, and amazing prices. TrendCart exceeded my expectations!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw&_wi=2",
},
id: "2", name: "David Thompson", handle: "@davidthompson", testimonial:
"Fast shipping, perfect fit, and amazing prices. TrendCart exceeded my expectations!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw"},
{
id: "3",
name: "Amanda Foster",
handle: "@amandafoster_",
testimonial:
"Finally found a fashion brand that gets my style. Highly recommended!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek&_wi=2",
},
id: "3", name: "Amanda Foster", handle: "@amandafoster_", testimonial:
"Finally found a fashion brand that gets my style. Highly recommended!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek"},
{
id: "4",
name: "James Wilson",
handle: "@jameswilson",
testimonial:
"Premium quality at affordable prices. This is my new favorite shopping destination.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wt4ftx&_wi=1",
},
id: "4", name: "James Wilson", handle: "@jameswilson", testimonial:
"Premium quality at affordable prices. This is my new favorite shopping destination.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wt4ftx"},
{
id: "5",
name: "Sophie Bennett",
handle: "@sophiebennet",
testimonial:
"The latest trends, incredible value, and seamless checkout. Love TrendCart!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cp0d9f&_wi=1",
},
id: "5", name: "Sophie Bennett", handle: "@sophiebennet", testimonial:
"The latest trends, incredible value, and seamless checkout. Love TrendCart!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cp0d9f"},
{
id: "6",
name: "Robert Garcia",
handle: "@robertgarcia",
testimonial:
"Excellent selection and fast delivery. Will be a regular customer.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6wz3f&_wi=1",
},
id: "6", name: "Robert Garcia", handle: "@robertgarcia", testimonial:
"Excellent selection and fast delivery. Will be a regular customer.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s6wz3f"},
]}
/>
</div>
@@ -258,29 +177,17 @@ export default function HomePage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
icon: ShoppingCart,
title: "Happy Customers",
value: "50,000+",
},
id: "1", icon: ShoppingCart,
title: "Happy Customers", value: "50,000+"},
{
id: "2",
icon: Star,
title: "Products",
value: "10,000+",
},
id: "2", icon: Star,
title: "Products", value: "10,000+"},
{
id: "3",
icon: Truck,
title: "Orders Shipped",
value: "100,000+",
},
id: "3", icon: Truck,
title: "Orders Shipped", value: "100,000+"},
{
id: "4",
icon: Trophy,
title: "Satisfaction Rate",
value: "98%",
},
id: "4", icon: Trophy,
title: "Satisfaction Rate", value: "98%"},
]}
/>
</div>
@@ -292,7 +199,7 @@ export default function HomePage() {
description="Subscribe to our newsletter and receive exclusive offers, new arrivals, and style tips delivered to your inbox."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
@@ -304,8 +211,7 @@ export default function HomePage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Clothing", href: "/shop" },
{ label: "Shoes", href: "/shop" },
{ label: "Accessories", href: "/shop" },
@@ -313,8 +219,7 @@ export default function HomePage() {
],
},
{
title: "About",
items: [
title: "About", items: [
{ label: "Our Story", href: "/about" },
{ label: "Mission & Vision", href: "/about" },
{ label: "Careers", href: "#" },
@@ -322,8 +227,7 @@ export default function HomePage() {
],
},
{
title: "Customer Service",
items: [
title: "Customer Service", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -331,8 +235,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Security", href: "#" },
@@ -346,7 +249,4 @@ export default function HomePage() {
</div>
</ThemeProvider>
);
}
// Icon import for badgeIcon in pricing cards
import { Sun, Tag } from "lucide-react";
}

66
src/app/product/page.tsx
View File

@@ -21,8 +21,7 @@ export default function ProductPage() {
const footerColumns = [
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Clothing", href: "/product" },
{ label: "Shoes", href: "/product" },
{ label: "Accessories", href: "/product" },
@@ -30,8 +29,7 @@ export default function ProductPage() {
],
},
{
title: "About",
items: [
title: "About", items: [
{ label: "Our Story", href: "/about" },
{ label: "Mission & Vision", href: "/about" },
{ label: "Careers", href: "#" },
@@ -39,8 +37,7 @@ export default function ProductPage() {
],
},
{
title: "Customer Service",
items: [
title: "Customer Service", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -48,8 +45,7 @@ export default function ProductPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Security", href: "#" },
@@ -91,42 +87,27 @@ export default function ProductPage() {
tag="Premium Fashion"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0q02b2&_wi=2"
background={{ variant: "glowing-orb" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0q02b2"
imageAlt="TrendCart Fashion Collection"
imagePosition="right"
mediaAnimation="slide-up"
testimonials={[
{
name: "Sarah Johnson",
handle: "Fashion Enthusiast",
testimonial: "Amazing quality and incredible style choices!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq&_wi=4",
imageAlt: "Sarah Johnson",
},
name: "Sarah Johnson", handle: "Fashion Enthusiast", testimonial: "Amazing quality and incredible style choices!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq", imageAlt: "Sarah Johnson"},
{
name: "Michael Chen",
handle: "Style Advisor",
testimonial: "Best shopping experience I've had online.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw&_wi=4",
imageAlt: "Michael Chen",
},
name: "Michael Chen", handle: "Style Advisor", testimonial: "Best shopping experience I've had online.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw", imageAlt: "Michael Chen"},
{
name: "Emily Rodriguez",
handle: "Fashion Blogger",
testimonial: "TrendCart is my go-to for premium collections.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek&_wi=4",
imageAlt: "Emily Rodriguez",
},
name: "Emily Rodriguez", handle: "Fashion Blogger", testimonial: "TrendCart is my go-to for premium collections.", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek", imageAlt: "Emily Rodriguez"},
]}
buttons={[
{ text: "Shop Now", href: "/product" },
{ text: "View Collections", href: "/product" },
]}
buttonAnimation="fade-in"
buttonAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
@@ -144,26 +125,11 @@ export default function ProductPage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
name: "Premium Summer Dress",
price: "$89.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq&_wi=4",
imageAlt: "Premium Summer Dress",
},
id: "1", name: "Premium Summer Dress", price: "$89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq", imageAlt: "Premium Summer Dress"},
{
id: "2",
name: "Luxury Leather Shoes",
price: "$129.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avanim&_wi=3",
imageAlt: "Luxury Leather Shoes",
},
id: "2", name: "Luxury Leather Shoes", price: "$129.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avanim", imageAlt: "Luxury Leather Shoes"},
{
id: "3",
name: "Designer Handbag",
price: "$159.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyt86a&_wi=3",
imageAlt: "Designer Handbag",
},
id: "3", name: "Designer Handbag", price: "$159.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyt86a", imageAlt: "Designer Handbag"},
]}
buttons={[{ text: "View All", href: "/product" }]}
buttonAnimation="slide-up"

75
src/app/shop/page.tsx
View File

@@ -47,33 +47,13 @@ export default function ShopPage() {
gridVariant="four-items-2x2-equal-grid"
products={[
{
id: "1",
name: "Premium Summer Dress",
price: "$89.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq&_wi=2",
imageAlt: "Premium Summer Dress",
},
id: "1", name: "Premium Summer Dress", price: "$89.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq", imageAlt: "Premium Summer Dress"},
{
id: "2",
name: "Luxury Leather Shoes",
price: "$129.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avanim&_wi=2",
imageAlt: "Luxury Leather Shoes",
},
id: "2", name: "Luxury Leather Shoes", price: "$129.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avanim", imageAlt: "Luxury Leather Shoes"},
{
id: "3",
name: "Designer Handbag",
price: "$159.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyt86a&_wi=2",
imageAlt: "Designer Handbag",
},
id: "3", name: "Designer Handbag", price: "$159.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yyt86a", imageAlt: "Designer Handbag"},
{
id: "4",
name: "Elegant Blazer",
price: "$119.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq&_wi=3",
imageAlt: "Elegant Blazer",
},
id: "4", name: "Elegant Blazer", price: "$119.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pv8xmq", imageAlt: "Elegant Blazer"},
]}
/>
</div>
@@ -91,32 +71,17 @@ export default function ShopPage() {
showRating={true}
testimonials={[
{
id: "1",
name: "Jessica Martinez",
handle: "@jessicam_style",
testimonial:
"The quality is exceptional and the customer service is outstanding. Will definitely shop again!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq&_wi=3",
},
id: "1", name: "Jessica Martinez", handle: "@jessicam_style", testimonial:
"The quality is exceptional and the customer service is outstanding. Will definitely shop again!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m1n4tq"},
{
id: "2",
name: "David Thompson",
handle: "@davidthompson",
testimonial:
"Fast shipping, perfect fit, and amazing prices. TrendCart exceeded my expectations!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw&_wi=3",
},
id: "2", name: "David Thompson", handle: "@davidthompson", testimonial:
"Fast shipping, perfect fit, and amazing prices. TrendCart exceeded my expectations!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w64qhw"},
{
id: "3",
name: "Amanda Foster",
handle: "@amandafoster_",
testimonial:
"Finally found a fashion brand that gets my style. Highly recommended!",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek&_wi=3",
},
id: "3", name: "Amanda Foster", handle: "@amandafoster_", testimonial:
"Finally found a fashion brand that gets my style. Highly recommended!", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9gpcek"},
]}
/>
</div>
@@ -128,7 +93,7 @@ export default function ShopPage() {
description="Subscribe now and receive a special discount code for your next purchase, plus early access to new collections."
tagIcon={Mail}
tagAnimation="slide-up"
background={{ variant: "circleGradient" }}
background={{ variant: "glowing-orb" }}
useInvertedBackground={false}
inputPlaceholder="Enter your email address"
buttonText="Subscribe"
@@ -140,8 +105,7 @@ export default function ShopPage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "Clothing", href: "/shop" },
{ label: "Shoes", href: "/shop" },
{ label: "Accessories", href: "/shop" },
@@ -149,8 +113,7 @@ export default function ShopPage() {
],
},
{
title: "About",
items: [
title: "About", items: [
{ label: "Our Story", href: "/about" },
{ label: "Mission & Vision", href: "/about" },
{ label: "Careers", href: "#" },
@@ -158,8 +121,7 @@ export default function ShopPage() {
],
},
{
title: "Customer Service",
items: [
title: "Customer Service", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "FAQ", href: "#" },
{ label: "Shipping Info", href: "#" },
@@ -167,8 +129,7 @@ export default function ShopPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Security", href: "#" },

61
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,40 @@
"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;
ariaLabel?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = "WEBILD", className = "", ariaLabel = "Logo"}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
viewBox="0 0 300 100"
className={`w-40 h-auto ${className}`}
aria-label={ariaLabel}
role="img"
aria-label={`${logoText} logo`}
>
<defs>
<linearGradient id="textGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stopColor="#3b82f6" />
<stop offset="100%" stopColor="#8b5cf6" />
</linearGradient>
</defs>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="central"
fontSize="48"
fontWeight="bold"
fill="url(#textGradient)"
letterSpacing="2"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;