diff --git a/src/app/page.tsx b/src/app/page.tsx index 0533773..fb45a09 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -7,7 +7,7 @@ import FeatureHoverPattern from '@/components/sections/feature/featureHoverPatte import FooterCard from '@/components/sections/footer/FooterCard'; import HeroCentered from '@/components/sections/hero/HeroCentered'; import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; -import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne'; +import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix'; import { Palette, Scissors, Sparkles, Sun } from "lucide-react"; export default function LandingPage() { @@ -19,68 +19,41 @@ export default function LandingPage() { contentWidth="small" sizing="mediumLargeSizeMediumTitles" background="grid" - cardStyle="solid" - primaryButtonStyle="flat" - secondaryButtonStyle="solid" - headingFontWeight="semibold" + cardStyle="glass-elevated" + primaryButtonStyle="primary-glow" + secondaryButtonStyle="glass" + headingFontWeight="bold" >
console.log("AI Image generation trigger"), - }, - { - text: "Book your appointment", href: "/book"}, - ]} - marqueeItems={[ - { - type: "text", text: "Expert Stylists"}, - { - type: "text", text: "AI-Powered Visuals"}, - { - type: "text", text: "Friendly Atmosphere"}, - { - type: "text", text: "Locally Owned"}, - { - type: "text", text: "Results Driven"}, + { text: "Generate Your Style", onClick: () => console.log("AI Image generation trigger") }, + { text: "Book Appointment", href: "/book" }, ]} />
@@ -89,20 +62,12 @@ export default function LandingPage() {
-
@@ -160,7 +108,7 @@ export default function LandingPage() {
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index bd16fe2..20d41ae 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #FBEAF0; - --card: #ffffff; - --foreground: #2b180a; - --primary-cta: #D4537E; + --background: #000000; + --card: #1a1a1a; + --foreground: #ffffff; + --primary-cta: #FFD700; --primary-cta-text: #ffffff; - --secondary-cta: #993556; + --secondary-cta: #00E5FF; --secondary-cta-text: #ffffff; - --accent: #ED93B1; - --background-accent: #f9f1f4; + --accent: #C0C0C0; + --background-accent: #0d0d0d; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);