Merge version_2 into main #2
@@ -1,30 +1,26 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Halant } from "next/font/google";
|
||||
import { Inter } from "next/font/google";
|
||||
import { Inter_Tight } from "next/font/google";
|
||||
import { Poppins } from "next/font/google";
|
||||
import { DM_Sans } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const halant = Halant({
|
||||
variable: "--font-halant", subsets: ["latin"],
|
||||
weight: ["300", "400", "500", "600", "700"],
|
||||
});
|
||||
|
||||
const inter = Inter({
|
||||
variable: "--font-inter", subsets: ["latin"],
|
||||
});
|
||||
|
||||
const interTight = Inter_Tight({
|
||||
variable: "--font-inter-tight", subsets: ["latin"],
|
||||
const poppins = Poppins({
|
||||
variable: "--font-poppins", subsets: ["latin"],
|
||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||
});
|
||||
|
||||
const dmSans = DM_Sans({
|
||||
variable: "--font-dm-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Fashion & Lifestyle Store | Premium Collections", description: "Shop premium fashion and lifestyle collections. Discover elegant women's wear, sophisticated menswear, and exclusive accessories.", keywords: "fashion, clothing, lifestyle, shopping, premium wear, accessories", openGraph: {
|
||||
title: "Fashion & Lifestyle Store | Premium Collections", description: "Shop premium fashion and lifestyle collections with fast shipping and easy returns.", siteName: "Fashion Store", type: "website"},
|
||||
title: "Fashion & Lifestyle Store | Premium Collections", description: "Shop premium fashion and lifestyle collections with fast shipping and easy returns.", siteName: "Fashion Store", type: "website"
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image", title: "Premium Fashion & Lifestyle Collections", description: "Discover elegant and sophisticated fashion pieces for every occasion."},
|
||||
card: "summary_large_image", title: "Premium Fashion & Lifestyle Collections", description: "Discover elegant and sophisticated fashion pieces for every occasion."
|
||||
},
|
||||
robots: {
|
||||
index: true,
|
||||
follow: true,
|
||||
@@ -40,7 +36,7 @@ export default function RootLayout({
|
||||
<html lang="en" suppressHydrationWarning>
|
||||
<ServiceWrapper>
|
||||
<body
|
||||
className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
|
||||
className={`${poppins.variable} ${dmSans.variable} antialiased`}
|
||||
>
|
||||
<Tag />
|
||||
{children}
|
||||
|
||||
@@ -33,7 +33,7 @@ export default function LandingPage() {
|
||||
{ name: "Women", id: "women" },
|
||||
{ name: "Men", id: "men" },
|
||||
{ name: "New Arrivals", id: "products" },
|
||||
{ name: "Sale", id: "about" },
|
||||
{ name: "Sale", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Shop Now", href: "products" }}
|
||||
@@ -67,28 +67,52 @@ export default function LandingPage() {
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
buttons={[
|
||||
{ text: "Shop Women", href: "#products" },
|
||||
{ text: "Shop Men", href: "#products" }
|
||||
{ text: "Shop Women", href: "women" },
|
||||
{ text: "Shop Men", href: "men" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="categories" data-section="categories">
|
||||
<div id="women" data-section="women">
|
||||
<FeatureCardThree
|
||||
title="Shop by Category"
|
||||
description="Browse our exclusive collections handpicked for quality and style"
|
||||
tag="Categories"
|
||||
title="Women's Wear Collection"
|
||||
description="Discover our exclusive women's fashion line featuring elegant dresses, sophisticated tops, and timeless essentials"
|
||||
tag="Premium Designs"
|
||||
tagAnimation="opacity"
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Women's Wear", description: "Elegant dresses, tops, and essentials for the modern woman", imageSrc: "http://img.b2bpic.net/free-photo/two-business-woman-with-computer_1303-13889.jpg?_wi=1", imageAlt: "Women's Fashion"
|
||||
id: "01", title: "Evening Gowns", description: "Stunning evening wear perfect for special occasions and elegant gatherings", imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7038.jpg", imageAlt: "Evening Gowns Collection"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Men's Fashion", description: "Sophisticated shirts, trousers, and casual wear for every occasion", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20630.jpg?_wi=1", imageAlt: "Men's Fashion"
|
||||
id: "02", title: "Casual Wear", description: "Comfortable and stylish everyday clothing for work and leisure", imageSrc: "http://img.b2bpic.net/free-photo/happy-lady-sunglasses-jacket-smiles-yellow-doors-trendy-woman-with-curly-hair-undershirt-poses-yellow-doors_197531-19361.jpg", imageAlt: "Casual Wear Collection"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Accessories", description: "Complete your look with premium handbags, jewelry, and more", imageSrc: "http://img.b2bpic.net/free-photo/female-hands-with-beautiful-nail-polish-rings-holding-small-black-bag_132075-12203.jpg?_wi=1", imageAlt: "Accessories Collection"
|
||||
id: "03", title: "Business Attire", description: "Professional and polished pieces for the modern businesswoman", imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7930.jpg", imageAlt: "Business Attire Collection"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="men" data-section="men">
|
||||
<FeatureCardThree
|
||||
title="Men's Wear Collection"
|
||||
description="Experience sophisticated menswear featuring tailored shirts, premium trousers, and casual essentials"
|
||||
tag="Premium Quality"
|
||||
tagAnimation="opacity"
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Formal Wear", description: "Impeccably tailored suits and formal shirts for professional settings", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", imageAlt: "Formal Wear Collection"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Casual Essentials", description: "Comfortable and stylish casual wear for everyday wear", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelmodern-man-dressed-white-shirt-fashion-male-posing-street-background-sunglasses-outdoors-sunset_158538-20630.jpg", imageAlt: "Casual Essentials Collection"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Accessories & Footwear", description: "Complete your look with premium shoes, belts, and accessories", imageSrc: "http://img.b2bpic.net/free-photo/man-with-phone-jacket_1303-5866.jpg", imageAlt: "Accessories & Footwear Collection"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -189,7 +213,7 @@ export default function LandingPage() {
|
||||
<ContactFaq
|
||||
ctaTitle="Need Help? Contact Us"
|
||||
ctaDescription="Our customer support team is ready to assist you with any questions about our products or services."
|
||||
ctaButton={{ text: "Get in Touch", href: "#contact" }}
|
||||
ctaButton={{ text: "Get in Touch", href: "contact" }}
|
||||
ctaIcon={MessageCircle}
|
||||
faqs={[
|
||||
{
|
||||
@@ -222,18 +246,18 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Women", href: "#women" },
|
||||
{ label: "Men", href: "#men" },
|
||||
{ label: "New Arrivals", href: "#products" },
|
||||
{ label: "Sale", href: "#products" }
|
||||
{ label: "Women", href: "women" },
|
||||
{ label: "Men", href: "men" },
|
||||
{ label: "New Arrivals", href: "products" },
|
||||
{ label: "Sale", href: "products" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
{ label: "FAQ", href: "#contact" },
|
||||
{ label: "Shipping Info", href: "#contact" },
|
||||
{ label: "Returns", href: "#contact" }
|
||||
{ label: "Contact Us", href: "contact" },
|
||||
{ label: "FAQ", href: "contact" },
|
||||
{ label: "Shipping Info", href: "contact" },
|
||||
{ label: "Returns", href: "contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-font-inter-tight), sans-serif;
|
||||
font-family: var(--font-poppins), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-font-inter-tight), sans-serif;
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user