diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index e1dc57c..de74ed2 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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} /> @@ -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" diff --git a/src/app/page.tsx b/src/app/page.tsx index 71b2592..1fb4c10 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -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} /> @@ -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"}, ]} /> @@ -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%"}, ]} /> @@ -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() { ); -} - -// Icon import for badgeIcon in pricing cards -import { Sun, Tag } from "lucide-react"; \ No newline at end of file +} \ No newline at end of file diff --git a/src/app/product/page.tsx b/src/app/product/page.tsx index 0113292..cac0dc2 100644 --- a/src/app/product/page.tsx +++ b/src/app/product/page.tsx @@ -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} /> @@ -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" diff --git a/src/app/shop/page.tsx b/src/app/shop/page.tsx index 150ed94..18aa85a 100644 --- a/src/app/shop/page.tsx +++ b/src/app/shop/page.tsx @@ -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"}, ]} /> @@ -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"}, ]} /> @@ -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() { (function SvgTextLogo({ - logoText, - adjustHeightFactor, - verticalAlign = "top", - className = "", -}) { - const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor); - +export const SvgTextLogo: React.FC = ({ + text = "WEBILD", className = "", ariaLabel = "Logo"}) => { return ( + + + + + + - {logoText} + {text} ); -}); +}; -SvgTextLogo.displayName = "SvgTextLogo"; - -export default SvgTextLogo; +export default SvgTextLogo; \ No newline at end of file