|
|
|
|
@@ -1,59 +1,50 @@
|
|
|
|
|
"use client";
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
|
|
|
|
|
import { ShoppingBag, Tag, Star, Sparkles, Shirt } from "lucide-react";
|
|
|
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
|
|
|
|
|
|
|
|
export default function PersonalGridTemplatePage() {
|
|
|
|
|
const titleSegments = [
|
|
|
|
|
{ type: "text" as const, content: "Curated styles for" },
|
|
|
|
|
{ type: "image" as const, src: "http://img.b2bpic.net/free-photo/top-view-girl-with-dreadlocks-lying-floor_23-2149085227.jpg", alt: "Modern Fashion" },
|
|
|
|
|
{ type: "text" as const, content: "your wardrobe" },
|
|
|
|
|
{ type: "image" as const, src: "http://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg", alt: "Chic Trends" },
|
|
|
|
|
{ type: "text" as const, content: "elevated" },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const socialLinks = [
|
|
|
|
|
{ icon: ShoppingBag, label: "Shop Instagram", href: "#" },
|
|
|
|
|
{ icon: Sparkles, label: "Style Trends", href: "#" },
|
|
|
|
|
{ icon: Star, label: "New Arrivals", href: "#" },
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
const linkCards = [
|
|
|
|
|
const products = [
|
|
|
|
|
{
|
|
|
|
|
icon: Shirt,
|
|
|
|
|
title: "Spring/Summer 2024", description: "Discover our latest seasonal drop of sustainable linens and cottons.", button: { text: "Shop Collection", href: "#" },
|
|
|
|
|
id: "1", brand: "Signature", name: "Organic Linen Shirt", price: "$129", rating: 5,
|
|
|
|
|
reviewCount: "128", imageSrc: "https://img.b2bpic.net/free-photo/top-view-girl-with-dreadlocks-lying-floor_23-2149085227.jpg?_wi=1", imageAlt: "Organic Linen Shirt"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Tag,
|
|
|
|
|
title: "Exclusive Membership", description: "Sign up for 15% off your first purchase and early access to drops.", button: { text: "Join & Save", href: "#" },
|
|
|
|
|
id: "2", brand: "Signature", name: "Cotton Essential Tee", price: "$45", rating: 4,
|
|
|
|
|
reviewCount: "84", imageSrc: "https://img.b2bpic.net/free-photo/close-up-purple-texture-fabric-with-small-pattern-small-squares_91008-489.jpg", imageAlt: "Cotton Essential Tee"
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
icon: Star,
|
|
|
|
|
title: "Best Sellers", description: "Our community favorites—the pieces everyone is wearing this month.", button: { text: "View Gallery", href: "#" },
|
|
|
|
|
},
|
|
|
|
|
id: "3", brand: "Signature", name: "Tailored Wool Trousers", price: "$189", rating: 5,
|
|
|
|
|
reviewCount: "42", imageSrc: "https://img.b2bpic.net/free-photo/top-view-girl-with-dreadlocks-lying-floor_23-2149085227.jpg?_wi=2", imageAlt: "Tailored Wool Trousers"
|
|
|
|
|
}
|
|
|
|
|
];
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<ThemeProvider
|
|
|
|
|
defaultButtonVariant="text-stagger"
|
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
|
borderRadius="rounded"
|
|
|
|
|
defaultTextAnimation="reveal-blur"
|
|
|
|
|
borderRadius="pill"
|
|
|
|
|
contentWidth="medium"
|
|
|
|
|
sizing="medium"
|
|
|
|
|
background="none"
|
|
|
|
|
cardStyle="gradient-bordered"
|
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
|
primaryButtonStyle="flat"
|
|
|
|
|
secondaryButtonStyle="solid"
|
|
|
|
|
headingFontWeight="medium"
|
|
|
|
|
headingFontWeight="light"
|
|
|
|
|
>
|
|
|
|
|
<HeroPersonalLinks
|
|
|
|
|
background={{ variant: "downward-rays-animated-grid" }}
|
|
|
|
|
title="Your source for modern apparel"
|
|
|
|
|
titleSegments={titleSegments}
|
|
|
|
|
socialLinks={socialLinks}
|
|
|
|
|
linkCards={linkCards}
|
|
|
|
|
/>
|
|
|
|
|
<div id="products">
|
|
|
|
|
<ProductCardTwo
|
|
|
|
|
title="Collection"
|
|
|
|
|
description="Minimalist wardrobe essentials, crafted for longevity."
|
|
|
|
|
products={products}
|
|
|
|
|
buttons={[{ text: "Shop All Essentials", href: "/shop" }]}
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
animationType="blur-reveal"
|
|
|
|
|
textboxLayout="split-description"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
className="py-20"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
