59 lines
2.5 KiB
TypeScript
59 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import HeroPersonalLinks from "@/components/sections/hero/HeroPersonalLinks";
|
|
import { ShoppingBag, Tag, Star, Sparkles, Shirt } from "lucide-react";
|
|
|
|
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 = [
|
|
{
|
|
icon: Shirt,
|
|
title: "Spring/Summer 2024", description: "Discover our latest seasonal drop of sustainable linens and cottons.", button: { text: "Shop Collection", href: "#" },
|
|
},
|
|
{
|
|
icon: Tag,
|
|
title: "Exclusive Membership", description: "Sign up for 15% off your first purchase and early access to drops.", button: { text: "Join & Save", href: "#" },
|
|
},
|
|
{
|
|
icon: Star,
|
|
title: "Best Sellers", description: "Our community favorites—the pieces everyone is wearing this month.", button: { text: "View Gallery", href: "#" },
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<HeroPersonalLinks
|
|
background={{ variant: "downward-rays-animated-grid" }}
|
|
title="Your source for modern apparel"
|
|
titleSegments={titleSegments}
|
|
socialLinks={socialLinks}
|
|
linkCards={linkCards}
|
|
/>
|
|
</ThemeProvider>
|
|
);
|
|
} |