Update src/app/page.tsx

Merge version_2 into main
2026-03-05 14:35:53 +00:00 · 2026-03-05 14:35:06 +00:00 · 2026-03-05 14:35:02 +00:00 · 2026-03-05 14:34:21 +00:00 · 2026-03-05 14:34:17 +00:00 · 2026-03-05 14:34:17 +00:00
3 changed files with 62 additions and 42 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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" }}
@@ -50,16 +50,16 @@ export default function LandingPage() {
          background={{ variant: "radial-gradient" }}
          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"
@@ -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 Now", href: "women" },
+            { text: "Shop Men Now", 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?_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"
@@ -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" }
              ]
            },
            {
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -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;
 }
Author	SHA1	Message	Date
bender	452182c7c0	Update src/app/page.tsx	2026-03-05 14:35:53 +00:00
bender	cbc1e5ede1	Merge version_2 into main Merge version_2 into main	2026-03-05 14:35:06 +00:00
bender	1d3363749b	Update src/app/page.tsx	2026-03-05 14:35:02 +00:00
bender	db4df40a4a	Merge version_2 into main Merge version_2 into main	2026-03-05 14:34:21 +00:00
bender	dbff53cb6c	Update src/app/styles/base.css	2026-03-05 14:34:17 +00:00
bender	67ade4565e	Update src/app/page.tsx	2026-03-05 14:34:17 +00:00
bender	4dbd4495c5	Update src/app/layout.tsx	2026-03-05 14:34:17 +00:00
bender	54fd2f00b6	Merge version_1 into main Merge version_1 into main	2026-03-05 14:29:53 +00:00