diff --git a/src/app/page.tsx b/src/app/page.tsx index 3ebedba..932fecf 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -2,16 +2,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import ReactLenis from "lenis/react"; -import ContactText from '@/components/sections/contact/ContactText'; +import ContactSplitForm from '@/components/sections/contact/ContactSplitForm'; import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow'; -import FooterCard from '@/components/sections/footer/FooterCard'; +import FooterSimple from '@/components/sections/footer/FooterSimple'; import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial'; import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout'; import MetricCardOne from '@/components/sections/metrics/MetricCardOne'; import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay'; import ProductCardThree from '@/components/sections/product/ProductCardThree'; -import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo'; -import { Award, CheckCircle, Diamond, Globe, Heart, ShieldCheck, Sparkles, Phone, Mail, MapPin } from "lucide-react"; +import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen'; +import { Award, CheckCircle, Diamond, Heart, ShieldCheck, Sparkles, Clock, MapPin, Phone, Mail } from "lucide-react"; export default function LandingPage() { return ( @@ -34,6 +34,7 @@ export default function LandingPage() { { name: "Home", id: "hero" }, { name: "About", id: "about" }, { name: "Collections", id: "collections" }, + { name: "Testimonials", id: "testimonials" }, { name: "Contact", id: "contact" }, ]} brandName="MPJ Jewellers" @@ -118,36 +119,63 @@ export default function LandingPage() {
-
-
diff --git a/src/app/styles/base.css b/src/app/styles/base.css index a25430f..f3435b3 100644 --- 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-inter-tight), sans-serif; + font-family: var(--font-playfair), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-inter-tight), sans-serif; + font-family: var(--font-playfair), sans-serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 043bb38..bad4072 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -10,15 +10,15 @@ --accent: #ffffff; --background-accent: #ffffff; */ - --background: #0a0a0a; - --card: #1a1a1a; - --foreground: #f5f5f5; + --background: #120e0a; + --card: #1a1610; + --foreground: #fcf5e5; --primary-cta: #d4af37; --primary-cta-text: #000000; - --secondary-cta: #1a1a1a; + --secondary-cta: #4a3c20; --secondary-cta-text: #ffffff; - --accent: #c4a12e; - --background-accent: #5b4e28; + --accent: #b8860b; + --background-accent: #5e4b2d; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);