6 Commits

Author SHA1 Message Date
5a8e31227a Update src/app/page.tsx 2026-03-08 11:37:36 +00:00
3ba6491f46 Merge version_4 into main
Merge version_4 into main
2026-03-08 11:30:48 +00:00
392b2c55d7 Update src/app/page.tsx 2026-03-08 11:30:43 +00:00
6083188297 Update src/app/layout.tsx 2026-03-08 11:30:43 +00:00
c6f815c1b0 Merge version_3 into main
Merge version_3 into main
2026-03-08 11:25:24 +00:00
6f873de3e4 Merge version_3 into main
Merge version_3 into main
2026-03-08 11:24:10 +00:00
2 changed files with 48 additions and 42 deletions

View File

@@ -1,14 +1,11 @@
import type { Metadata } from "next";
import { DM_Sans } from "next/font/google";
import "./styles/variables.css";
import "./styles/base.css";
import { Inter } from "next/font/google";
import "./globals.css";
const dmSans = DM_Sans({
variable: "--font-dm-sans", subsets: ["latin"],
});
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "LUXA - Luxury Fashion House", description: "Discover timeless luxury fashion crafted with precision and style"};
title: "LUXA - Luxury Fashion", description: "Discover timeless luxury fashion crafted with precision and purpose."};
export default function RootLayout({
children,
@@ -16,21 +13,8 @@ export default function RootLayout({
children: React.ReactNode;
}) {
return (
<html lang="en" suppressHydrationWarning>
<body className={`${dmSans.variable}`}>
{children}
<script
dangerouslySetInnerHTML={{
__html: `
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
`,
}}
/>
<html lang="en">
<body className={inter.className}>{children}
<script
dangerouslySetInnerHTML={{
__html: `

View File

@@ -6,7 +6,7 @@ import HeroLogo from '@/components/sections/hero/HeroLogo';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ProductCartItem from '@/components/ecommerce/cart/ProductCartItem';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Award, Crown, Mail, ArrowRight } from "lucide-react";
@@ -33,7 +33,6 @@ export default function LandingPage() {
{ name: "New Arrivals", id: "products" },
{ name: "Stories", id: "testimonial" },
{ name: "Contact", id: "contact" },
{ name: "Products", id: "products-page" },
]}
brandName="LUXA"
bottomLeftText="Luxury Fashion House"
@@ -140,22 +139,45 @@ export default function LandingPage() {
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardFifteen
testimonial="The quality and attention to detail are unparalleled. Every piece feels like a personal investment in timeless style. LUXA has become my go-to for pieces that transcend trends."
rating={5}
author="Isabella Marchetti, Fashion Editor"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg", alt: "Isabella Marchetti" },
{ src: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg", alt: "Customer testimonial" },
{ src: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photo-cosmetics_53876-40971.jpg", alt: "Luxury client" },
{ src: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18491.jpg", alt: "Premium customer" },
{ src: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg", alt: "Brand advocate" },
{ src: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg", alt: "Fashion enthusiast" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
<div className="w-full py-20 px-4 md:px-8 bg-gradient-to-b from-transparent to-transparent">
<div className="max-w-7xl mx-auto">
<h2 className="text-4xl md:text-5xl font-bold text-center mb-16">Customer Showcase</h2>
<div className="grid grid-cols-3 gap-8">
{[
{
name: "Isabella Marchetti", role: "Fashion Editor", image: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"},
{
name: "Sarah Chen", role: "Style Influencer", image: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg"},
{
name: "Emma Davis", role: "Luxury Blogger", image: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photo-cosmetics_53876-40971.jpg"},
{
name: "Jessica Williams", role: "Brand Ambassador", image: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18491.jpg"},
{
name: "Victoria Sterling", role: "Fashion Critic", image: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"},
{
name: "Olivia Grace", role: "Style Director", image: "http://img.b2bpic.net/free-photo/pretty-gorgeous-woman-use-spray-eyes-feeling-good-after-long-laptop-use-sitting-home_496169-98.jpg"},
{
name: "Sophia Laurent", role: "Fashion Journalist", image: "http://img.b2bpic.net/free-photo/beauty-blogger-taking-photo-cosmetics_53876-40971.jpg"},
{
name: "Alexandra Ross", role: "Luxury Consultant", image: "http://img.b2bpic.net/free-photo/cool-woman-winking-showing-big-thumbs-up-pretty-girl-black-jacket-widely-smiling-looking-into-camera-isolated-background_197531-18491.jpg"},
{
name: "Catherine Blake", role: "Style Expert", image: "http://img.b2bpic.net/free-photo/trans-person-working-office-with-colleagues_23-2149286973.jpg"},
].map((person, index) => (
<div key={index} className="flex flex-col items-center text-center">
<div className="w-full aspect-square rounded-lg overflow-hidden mb-4 shadow-lg">
<img
src={person.image}
alt={person.name}
className="w-full h-full object-cover"
/>
</div>
<h3 className="text-lg font-semibold mb-1">{person.name}</h3>
<p className="text-sm opacity-75">{person.role}</p>
</div>
))}
</div>
</div>
</div>
</div>
<div id="contact" data-section="contact">
@@ -166,7 +188,7 @@ export default function LandingPage() {
title="Begin Your Luxury Journey"
description="Discover pieces that define your personal aesthetic. Contact our concierge team for exclusive styling consultations and early access to new collections."
buttons={[
{ text: "Schedule Consultation", href: "#" },
{ text: "Book Concierge Consultation", href: "#" },
{ text: "View Catalog", href: "#products" },
]}
buttonAnimation="slide-up"
@@ -184,7 +206,7 @@ export default function LandingPage() {
{ label: "New Arrivals", href: "#products" },
{ label: "Seasonal Edit", href: "#features" },
{ label: "Limited Edition", href: "#products" },
{ label: "All Products", href: "/products" },
{ label: "All Products", href: "#products" },
],
},
{