Files
3dcb9b0e-a254-454d-9f6d-981…/src/app/page.tsx
2026-04-25 09:59:40 +00:00

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>
);
}