From 2c288665b6b5bbf935f28e4470da7e25b3149deb Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 13 Mar 2026 09:05:38 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 208 ++++++++++++----------------------------------- 1 file changed, 54 insertions(+), 154 deletions(-) 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