diff --git a/src/app/page.tsx b/src/app/page.tsx index 5881740..88558a8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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."}, ]} /> diff --git a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx index f214190..898fe11 100644 --- a/src/components/shared/SvgTextLogo/SvgTextLogo.tsx +++ b/src/components/shared/SvgTextLogo/SvgTextLogo.tsx @@ -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(function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text, + className = '', + textClassName = '', +}) => { return ( - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file