bender/dda7ffd3-383e-4b56-a3db-6f13f3c9371f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-03-12 03:00:01 +00:00
parent 6f1c09a7eb ca24386dae
commit b0e4d37d56
2 changed files with 73 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

234
src/app/page.tsx
View File

@@ -22,7 +22,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="noise"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="glass"
@@ -49,42 +49,26 @@ export default function HomePage() {
tag="New Collection"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "noise" }}
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-measuring-clothes_23-2148924066.jpg",
imageAlt: "Aure Gear Premium Collection",
},
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-measuring-clothes_23-2148924066.jpg", imageAlt: "Aure Gear Premium Collection"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020775.jpg",
imageAlt: "Luxury Fashion Line",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-blue-jacket_23-2149020775.jpg", imageAlt: "Luxury Fashion Line"},
{
imageSrc: "http://img.b2bpic.net/free-photo/two-different-type-brown-fabric-background_23-2147921821.jpg",
imageAlt: "Contemporary Design",
},
imageSrc: "http://img.b2bpic.net/free-photo/two-different-type-brown-fabric-background_23-2147921821.jpg", imageAlt: "Contemporary Design"},
{
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-colorful-fabric-material-smooth-purple-textile_23-2147921836.jpg",
imageAlt: "Premium Materials",
},
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-colorful-fabric-material-smooth-purple-textile_23-2147921836.jpg", imageAlt: "Premium Materials"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-night-with-flash_23-2150204455.jpg",
imageAlt: "Aure Gear Showcase",
},
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-posing-night-with-flash_23-2150204455.jpg", imageAlt: "Aure Gear Showcase"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5471.jpg",
imageAlt: "Clothing Collection",
},
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5471.jpg", imageAlt: "Clothing Collection"},
{
imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio_23-2150737120.jpg",
imageAlt: "Fashion Details",
},
imageSrc: "http://img.b2bpic.net/free-photo/fedora-hats-arrangement-studio_23-2150737120.jpg", imageAlt: "Fashion Details"},
{
imageSrc: "http://img.b2bpic.net/free-photo/led-drawer-slim-profile-blue-fronts_169016-69151.jpg",
imageAlt: "Premium Quality",
},
imageSrc: "http://img.b2bpic.net/free-photo/led-drawer-slim-profile-blue-fronts_169016-69151.jpg", imageAlt: "Premium Quality"},
]}
buttons={[
{ text: "Explore Collection", href: "/shop" },
@@ -108,35 +92,14 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "1",
brand: "Aure Gear",
name: "Premium Silk Blazer",
price: "$249.99",
rating: 5,
reviewCount: "324",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9708.jpg?_wi=1",
imageAlt: "Premium Silk Blazer",
},
id: "1", brand: "Aure Gear", name: "Premium Silk Blazer", price: "$249.99", rating: 5,
reviewCount: "324", imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-posing-near-gray-wall_158538-9708.jpg", imageAlt: "Premium Silk Blazer"},
{
id: "2",
brand: "Aure Gear",
name: "Tailored Wool Trousers",
price: "$189.99",
rating: 5,
reviewCount: "287",
imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine-speaking-phone_23-2147793090.jpg?_wi=1",
imageAlt: "Tailored Wool Trousers",
},
id: "2", brand: "Aure Gear", name: "Tailored Wool Trousers", price: "$189.99", rating: 5,
reviewCount: "287", imageSrc: "http://img.b2bpic.net/free-photo/crop-man-reading-magazine-speaking-phone_23-2147793090.jpg", imageAlt: "Tailored Wool Trousers"},
{
id: "3",
brand: "Aure Gear",
name: "Luxury Cashmere Sweater",
price: "$399.99",
rating: 5,
reviewCount: "451",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-sweaters-gold-leaves_169016-5912.jpg?_wi=1",
imageAlt: "Luxury Cashmere Sweater",
},
id: "3", brand: "Aure Gear", name: "Luxury Cashmere Sweater", price: "$399.99", rating: 5,
reviewCount: "451", imageSrc: "http://img.b2bpic.net/free-photo/cozy-sweaters-gold-leaves_169016-5912.jpg", imageAlt: "Luxury Cashmere Sweater"},
]}
buttons={[{ text: "Shop All Products", href: "/shop" }]}
/>
@@ -149,7 +112,7 @@ export default function HomePage() {
tag="Our Story"
tagIcon={Heart}
tagAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/inside-business-center-building_181624-330.jpg"
imageAlt="Aure Gear Atelier"
buttons={[{ text: "Discover Our Values", href: "/about" }]}
useInvertedBackground={true}
@@ -168,26 +131,14 @@ export default function HomePage() {
animationType="slide-up"
features={[
{
id: "1",
title: "Essentials Collection",
tags: ["Timeless", "Versatile"],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830395.jpg?_wi=1",
imageAlt: "Essentials Collection",
},
id: "1", title: "Essentials Collection", tags: ["Timeless", "Versatile"],
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830395.jpg", imageAlt: "Essentials Collection"},
{
id: "2",
title: "Premium Suiting",
tags: ["Professional", "Luxe"],
imageSrc: "http://img.b2bpic.net/free-photo/businessman-stairs_23-2147996573.jpg?_wi=1",
imageAlt: "Premium Suiting",
},
id: "2", title: "Premium Suiting", tags: ["Professional", "Luxe"],
imageSrc: "http://img.b2bpic.net/free-photo/businessman-stairs_23-2147996573.jpg", imageAlt: "Premium Suiting"},
{
id: "3",
title: "Casual Elegance",
tags: ["Modern", "Relaxed"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-listening-music-phone-standing-street_23-2148148104.jpg?_wi=1",
imageAlt: "Casual Elegance",
},
id: "3", title: "Casual Elegance", tags: ["Modern", "Relaxed"],
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-listening-music-phone-standing-street_23-2148148104.jpg", imageAlt: "Casual Elegance"},
]}
/>
</div>
@@ -204,57 +155,30 @@ export default function HomePage() {
animationType="scale-rotate"
plans={[
{
id: "1",
badge: "Essentials",
price: "Free",
subtitle: "Start your journey",
buttons: [
id: "1", badge: "Essentials", price: "Free", subtitle: "Start your journey", buttons: [
{ text: "Join Now", href: "/shop" },
{ text: "Learn More", href: "#" },
],
features: [
"Access to all collections",
"Standard shipping",
"Customer support",
"Seasonal discounts",
],
"Access to all collections", "Standard shipping", "Customer support", "Seasonal discounts"],
},
{
id: "2",
badge: "Premium",
badgeIcon: Crown,
price: "$99/year",
subtitle: "For the discerning customer",
buttons: [
id: "2", badge: "Premium", badgeIcon: Crown,
price: "$99/year", subtitle: "For the discerning customer", buttons: [
{ text: "Upgrade Now", href: "/shop" },
{ text: "Details", href: "#" },
],
features: [
"Early collection access",
"Free priority shipping",
"Exclusive member sales",
"Personal styling",
"VIP customer support",
],
"Early collection access", "Free priority shipping", "Exclusive member sales", "Personal styling", "VIP customer support"],
},
{
id: "3",
badge: "Elite",
badgeIcon: Sparkles,
price: "$299/year",
subtitle: "Ultimate luxury experience",
buttons: [
id: "3", badge: "Elite", badgeIcon: Sparkles,
price: "$299/year", subtitle: "Ultimate luxury experience", buttons: [
{ text: "Become Elite", href: "/shop" },
{ text: "Contact Us", href: "/contact" },
],
features: [
"24-hour early access",
"Complimentary express shipping",
"Private shopping events",
"Dedicated stylist",
"Exclusive limited editions",
"Premium concierge service",
],
"24-hour early access", "Complimentary express shipping", "Private shopping events", "Dedicated stylist", "Exclusive limited editions", "Premium concierge service"],
},
]}
/>
@@ -273,53 +197,23 @@ export default function HomePage() {
showRating={true}
testimonials={[
{
id: "1",
name: "Alexandra Mitchell",
handle: "@alexstyle",
testimonial: "Aure Gear has completely transformed my wardrobe. The quality is unmatched and every piece feels like a personal investment in style.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/slim-brunette-woman-black-sweater-crossed-arms_613910-7040.jpg?_wi=1",
},
id: "1", name: "Alexandra Mitchell", handle: "@alexstyle", testimonial: "Aure Gear has completely transformed my wardrobe. The quality is unmatched and every piece feels like a personal investment in style.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/slim-brunette-woman-black-sweater-crossed-arms_613910-7040.jpg"},
{
id: "2",
name: "James Richardson",
handle: "@jrichards",
testimonial: "As someone who values both quality and sustainability, Aure Gear checks all the boxes. Their attention to detail is remarkable.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg?_wi=1",
},
id: "2", name: "James Richardson", handle: "@jrichards", testimonial: "As someone who values both quality and sustainability, Aure Gear checks all the boxes. Their attention to detail is remarkable.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
{
id: "3",
name: "Sophie Laurent",
handle: "@sophieluxe",
testimonial: "I've tried many premium brands, but Aure Gear's fit and design are incomparable. Worth every penny!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg?_wi=1",
},
id: "3", name: "Sophie Laurent", handle: "@sophieluxe", testimonial: "I've tried many premium brands, but Aure Gear's fit and design are incomparable. Worth every penny!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/calm-thoughtful-blonde-young-lady-dark-velvet-pants-white-blouse-looks-into-camera-squats-near-wooden-door_197531-23204.jpg"},
{
id: "4",
name: "Marcus Chen",
handle: "@marcsuits",
testimonial: "Perfect for the professional wardrobe. The blazers fit impeccably and the customer service is outstanding.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-man-with-crossed-arms_23-2147574163.jpg",
},
id: "4", name: "Marcus Chen", handle: "@marcsuits", testimonial: "Perfect for the professional wardrobe. The blazers fit impeccably and the customer service is outstanding.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/serious-elegant-man-with-crossed-arms_23-2147574163.jpg"},
{
id: "5",
name: "Isabella Rossi",
handle: "@bella_style",
testimonial: "Every purchase from Aure Gear feels special. The packaging, quality, and style all reflect their commitment to excellence.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model-with-bright-makeup_158538-2909.jpg",
},
id: "5", name: "Isabella Rossi", handle: "@bella_style", testimonial: "Every purchase from Aure Gear feels special. The packaging, quality, and style all reflect their commitment to excellence.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/high-fashion-look-glamor-closeup-portrait-beautiful-sexy-stylish-brunette-caucasian-young-woman-model-with-bright-makeup_158538-2909.jpg"},
{
id: "6",
name: "David Thompson",
handle: "@davidfashion",
testimonial: "I'm a fashion designer myself, and I'm genuinely impressed by Aure Gear's craftsmanship and design philosophy.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-turkish-man-store-fur-coats-leather-jackets-successful-arabian-beard-man_627829-8488.jpg",
},
id: "6", name: "David Thompson", handle: "@davidfashion", testimonial: "I'm a fashion designer myself, and I'm genuinely impressed by Aure Gear's craftsmanship and design philosophy.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-turkish-man-store-fur-coats-leather-jackets-successful-arabian-beard-man_627829-8488.jpg"},
]}
/>
</div>
@@ -333,15 +227,9 @@ export default function HomePage() {
tagAnimation="opacity"
textboxLayout="default"
useInvertedBackground={false}
names={["Vogue", "GQ", "Style Magazine", "Fashion Weekly", "Luxury Magazine", "Elite Fashion", "Modern Style"]}
logos={[
"http://img.b2bpic.net/free-psd/fashion-catalog-template-design_23-2151042259.jpg",
"http://img.b2bpic.net/free-vector/flat-design-gg-logo-template_23-2149245687.jpg",
"http://img.b2bpic.net/free-vector/elegant-handwritten-photography-typography-logo_742173-5797.jpg",
"http://img.b2bpic.net/free-vector/hand-drawn-flea-market-design-template_23-2149567027.jpg",
"http://img.b2bpic.net/free-vector/flat-design-book-logo-pack_23-2148810656.jpg",
"http://img.b2bpic.net/free-vector/luxury-logo-template_23-2147540001.jpg",
"http://img.b2bpic.net/free-vector/gradient-instagram-sale-stories-collection_52683-57064.jpg",
]}
"http://img.b2bpic.net/free-psd/fashion-catalog-template-design_23-2151042259.jpg", "http://img.b2bpic.net/free-vector/flat-design-gg-logo-template_23-2149245687.jpg", "http://img.b2bpic.net/free-vector/elegant-handwritten-photography-typography-logo_742173-5797.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-flea-market-design-template_23-2149567027.jpg", "http://img.b2bpic.net/free-vector/flat-design-book-logo-pack_23-2148810656.jpg", "http://img.b2bpic.net/free-vector/luxury-logo-template_23-2147540001.jpg", "http://img.b2bpic.net/free-vector/gradient-instagram-sale-stories-collection_52683-57064.jpg"]}
speed={40}
showCard={true}
/>
@@ -356,42 +244,24 @@ export default function HomePage() {
tagAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149271186.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-laptop_23-2149271186.jpg"
imageAlt="Customer Support"
mediaPosition="right"
mediaAnimation="opacity"
faqsAnimation="slide-up"
faqs={[
{
id: "1",
title: "What is your return policy?",
content: "We offer a 30-day hassle-free return policy on all unworn items in original condition. Simply contact our customer service team to initiate a return and receive a prepaid shipping label.",
},
id: "1", title: "What is your return policy?", content: "We offer a 30-day hassle-free return policy on all unworn items in original condition. Simply contact our customer service team to initiate a return and receive a prepaid shipping label."},
{
id: "2",
title: "Do you offer international shipping?",
content: "Yes! We ship to over 100 countries worldwide. International orders typically arrive within 10-15 business days. Customs duties and taxes may apply depending on your location.",
},
id: "2", title: "Do you offer international shipping?", content: "Yes! We ship to over 100 countries worldwide. International orders typically arrive within 10-15 business days. Customs duties and taxes may apply depending on your location."},
{
id: "3",
title: "How do I care for my Aure Gear items?",
content: "Each piece comes with detailed care instructions. Generally, we recommend dry cleaning for delicate fabrics like silk and cashmere, and gentle machine washing for cotton and wool blends.",
},
id: "3", title: "How do I care for my Aure Gear items?", content: "Each piece comes with detailed care instructions. Generally, we recommend dry cleaning for delicate fabrics like silk and cashmere, and gentle machine washing for cotton and wool blends."},
{
id: "4",
title: "Are your materials sustainable?",
content: "Sustainability is core to our mission. We source premium fabrics from ethical suppliers and use eco-friendly packaging. Our goal is to create timeless pieces that last for years.",
},
id: "4", title: "Are your materials sustainable?", content: "Sustainability is core to our mission. We source premium fabrics from ethical suppliers and use eco-friendly packaging. Our goal is to create timeless pieces that last for years."},
{
id: "5",
title: "Do you offer custom tailoring?",
content: "Absolutely! Our Premium and Elite members have access to custom tailoring services. Contact our VIP support team to schedule a consultation with our expert tailors.",
},
id: "5", title: "Do you offer custom tailoring?", content: "Absolutely! Our Premium and Elite members have access to custom tailoring services. Contact our VIP support team to schedule a consultation with our expert tailors."},
{
id: "6",
title: "What payment methods do you accept?",
content: "We accept all major credit cards, PayPal, Apple Pay, Google Pay, and digital wallets. For corporate orders, we also offer flexible payment terms.",
},
id: "6", title: "What payment methods do you accept?", content: "We accept all major credit cards, PayPal, Apple Pay, Google Pay, and digital wallets. For corporate orders, we also offer flexible payment terms."},
]}
/>
</div>

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

@@ -1,51 +1,35 @@
"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;
textClassName?: 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,
className = '',
textClassName = '',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 300 100"
className={className}
preserveAspectRatio="xMidYMid meet"
>
<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="middle"
className={textClassName}
fontSize="48"
fontWeight="bold"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;