Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
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}
|
||||
/>
|
||||
</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";
|
||||
}
|
||||
Reference in New Issue
Block a user