Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 452182c7c0 | |||
| cbc1e5ede1 | |||
| 1d3363749b | |||
| db4df40a4a | |||
| dbff53cb6c | |||
| 67ade4565e | |||
| 4dbd4495c5 | |||
| 54fd2f00b6 |
@@ -1,30 +1,26 @@
|
|||||||
import type { Metadata } from "next";
|
import type { Metadata } from "next";
|
||||||
import { Halant } from "next/font/google";
|
import { Poppins } from "next/font/google";
|
||||||
import { Inter } from "next/font/google";
|
import { DM_Sans } from "next/font/google";
|
||||||
import { Inter_Tight } from "next/font/google";
|
|
||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
import Tag from "@/tag/Tag";
|
||||||
|
|
||||||
const halant = Halant({
|
const poppins = Poppins({
|
||||||
variable: "--font-halant", subsets: ["latin"],
|
variable: "--font-poppins", 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"],
|
|
||||||
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const dmSans = DM_Sans({
|
||||||
|
variable: "--font-dm-sans", subsets: ["latin"],
|
||||||
|
});
|
||||||
|
|
||||||
export const metadata: Metadata = {
|
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. 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: {
|
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: {
|
robots: {
|
||||||
index: true,
|
index: true,
|
||||||
follow: true,
|
follow: true,
|
||||||
@@ -40,7 +36,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body
|
<body
|
||||||
className={`${halant.variable} ${inter.variable} ${interTight.variable} antialiased`}
|
className={`${poppins.variable} ${dmSans.variable} antialiased`}
|
||||||
>
|
>
|
||||||
<Tag />
|
<Tag />
|
||||||
{children}
|
{children}
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ export default function LandingPage() {
|
|||||||
{ name: "Women", id: "women" },
|
{ name: "Women", id: "women" },
|
||||||
{ name: "Men", id: "men" },
|
{ name: "Men", id: "men" },
|
||||||
{ name: "New Arrivals", id: "products" },
|
{ name: "New Arrivals", id: "products" },
|
||||||
{ name: "Sale", id: "about" },
|
{ name: "Sale", id: "testimonials" },
|
||||||
{ name: "Contact", id: "contact" }
|
{ name: "Contact", id: "contact" }
|
||||||
]}
|
]}
|
||||||
button={{ text: "Shop Now", href: "products" }}
|
button={{ text: "Shop Now", href: "products" }}
|
||||||
@@ -50,16 +50,16 @@ export default function LandingPage() {
|
|||||||
background={{ variant: "radial-gradient" }}
|
background={{ variant: "radial-gradient" }}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7038.jpg", imageAlt: "Women's Fashion Collection"
|
imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7038.jpg?_wi=1", imageAlt: "Women's Fashion Collection"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-phone-jacket_1303-5866.jpg", imageAlt: "Men's Fashion Collection"
|
imageSrc: "http://img.b2bpic.net/free-photo/man-with-phone-jacket_1303-5866.jpg?_wi=1", imageAlt: "Men's Fashion Collection"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7930.jpg", imageAlt: "Luxury Accessories"
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-details-accessories-elegant-woman-dressed-blue-suit_285396-7930.jpg?_wi=1", imageAlt: "Luxury Accessories"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
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: "Lifestyle Products"
|
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?_wi=1", imageAlt: "Lifestyle Products"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-customers-buying-formal-wear-modern-boutique-shopping-stylish-clothes-from-new-fashion-collection-diverse-people-looking-hangers-full-with-fashionable-merchandise-store_482257-67427.jpg", imageAlt: "Store Experience"
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-customers-buying-formal-wear-modern-boutique-shopping-stylish-clothes-from-new-fashion-collection-diverse-people-looking-hangers-full-with-fashionable-merchandise-store_482257-67427.jpg", imageAlt: "Store Experience"
|
||||||
@@ -67,28 +67,52 @@ export default function LandingPage() {
|
|||||||
]}
|
]}
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
buttons={[
|
buttons={[
|
||||||
{ text: "Shop Women", href: "#products" },
|
{ text: "Shop Women Now", href: "women" },
|
||||||
{ text: "Shop Men", href: "#products" }
|
{ text: "Shop Men Now", href: "men" }
|
||||||
]}
|
]}
|
||||||
buttonAnimation="slide-up"
|
buttonAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="categories" data-section="categories">
|
<div id="women" data-section="women">
|
||||||
<FeatureCardThree
|
<FeatureCardThree
|
||||||
title="Shop by Category"
|
title="Women's Wear Collection"
|
||||||
description="Browse our exclusive collections handpicked for quality and style"
|
description="Discover our exclusive women's fashion line featuring elegant dresses, sophisticated tops, and timeless essentials"
|
||||||
tag="Categories"
|
tag="Premium Designs"
|
||||||
tagAnimation="opacity"
|
tagAnimation="opacity"
|
||||||
features={[
|
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?_wi=2", 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?_wi=2", 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?_wi=2", 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?_wi=2", imageAlt: "Accessories & Footwear Collection"
|
||||||
}
|
}
|
||||||
]}
|
]}
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
@@ -189,7 +213,7 @@ export default function LandingPage() {
|
|||||||
<ContactFaq
|
<ContactFaq
|
||||||
ctaTitle="Need Help? Contact Us"
|
ctaTitle="Need Help? Contact Us"
|
||||||
ctaDescription="Our customer support team is ready to assist you with any questions about our products or services."
|
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}
|
ctaIcon={MessageCircle}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
@@ -222,18 +246,18 @@ export default function LandingPage() {
|
|||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Shop", items: [
|
title: "Shop", items: [
|
||||||
{ label: "Women", href: "#women" },
|
{ label: "Women", href: "women" },
|
||||||
{ label: "Men", href: "#men" },
|
{ label: "Men", href: "men" },
|
||||||
{ label: "New Arrivals", href: "#products" },
|
{ label: "New Arrivals", href: "products" },
|
||||||
{ label: "Sale", href: "#products" }
|
{ label: "Sale", href: "products" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support", items: [
|
title: "Support", items: [
|
||||||
{ label: "Contact Us", href: "#contact" },
|
{ label: "Contact Us", href: "contact" },
|
||||||
{ label: "FAQ", href: "#contact" },
|
{ label: "FAQ", href: "contact" },
|
||||||
{ label: "Shipping Info", href: "#contact" },
|
{ label: "Shipping Info", href: "contact" },
|
||||||
{ label: "Returns", href: "#contact" }
|
{ label: "Returns", href: "contact" }
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
color: var(--foreground);
|
color: var(--foreground);
|
||||||
font-family: var(--font-font-inter-tight), sans-serif;
|
font-family: var(--font-poppins), sans-serif;
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
overscroll-behavior: none;
|
overscroll-behavior: none;
|
||||||
@@ -24,5 +24,5 @@ h3,
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
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