Compare commits
39 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 58fbfa17fc | |||
| 5b1650526f | |||
| 248a0a9675 | |||
| a0168efaf7 | |||
| f4ed48fc80 | |||
| 36f548171b | |||
| cd20d22830 | |||
| 5c0fad812f | |||
| caf0d1ed98 | |||
| 68bfb33c66 | |||
| 747f78aa73 | |||
| bfbf8e4ce7 | |||
| 9ba1711548 | |||
| a3692c8bfb | |||
| 484a8baaf8 | |||
| a73c8b4930 | |||
| c89657b667 | |||
| 7a472f284c | |||
| b876df62ba | |||
| ec10f8a910 | |||
| cb1d026903 | |||
| 367fc23c28 | |||
| 97519e8372 | |||
| 9884a20dd0 | |||
| 79a93a72b5 | |||
| 6dfe535658 | |||
| 85c387ca6b | |||
| a17b3fb1ae | |||
| 3be763d2d5 | |||
| e9cd75da08 | |||
| ee14199138 | |||
| a85d6d280a | |||
| ee18f1bbce | |||
| f3417796e1 | |||
| b01922fc7c | |||
| 59f2aedcad | |||
| 749a24a8d4 | |||
| 358cdc09b1 | |||
| ed24dc22c3 |
@@ -6,20 +6,22 @@ import "@/lib/gsap-setup";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||
import { Manrope } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant",
|
||||
subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter",
|
||||
subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = { title: 'VogueGrid | Curated Fashion & Apparel Store', description: 'Discover the latest trends at VogueGrid. Shop our exclusive collection of premium clothing, from everyday essentials to statement pieces. Elevate your style today.', openGraph: { title: 'VogueGrid | Curated Fashion & Apparel Store', description: 'Discover the latest trends at VogueGrid. Shop our exclusive collection of premium clothing, from everyday essentials to statement pieces. Elevate your style today.', type: 'website' } };
|
||||
|
||||
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight",
|
||||
subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: Readonly<{
|
||||
@@ -28,9 +30,7 @@ export default function RootLayout({
|
||||
return (
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} antialiased`}
|
||||
>
|
||||
<body className={`${interTight.variable} antialiased`}>
|
||||
<Tag />
|
||||
{children}
|
||||
<script
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffffe6;
|
||||
--primary-cta: #e6e6e6;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffffe6;
|
||||
--accent: #737373;
|
||||
--background-accent: #737373;
|
||||
--background: #f6f0e9;
|
||||
--card: #efe7dd;
|
||||
--foreground: #2b180a;
|
||||
--primary-cta: #2b180a;
|
||||
--primary-cta-text: #f6f0e9;
|
||||
--secondary-cta: #efe7dd;
|
||||
--secondary-cta-text: #2b180a;
|
||||
--accent: #94877c;
|
||||
--background-accent: #afa094;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user