diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index fd8b7fc..9578fab 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,49 +1,29 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
-import { Inter } from "next/font/google";
-import { Source_Sans_3 } from "next/font/google";
+import { Playfair_Display, Inter } 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 playfairDisplay = Playfair_Display({
+  variable: "--font-playfair-display",  subsets: ["latin"],
+  weight: ["400", "500", "600", "700", "800", "900"],
 });
 
 const inter = Inter({
   variable: "--font-inter",  subsets: ["latin"],
 });
 
-const sourceSans3 = Source_Sans_3({
-  variable: "--font-source-sans-3",  subsets: ["latin"],
-});
-
 export const metadata: Metadata = {
-  title: "Kalton Studio | Exceptional Design for Your Brand",  description: "Award-winning creative design studio crafting stunning visual experiences, branding, and strategic designs that elevate businesses globally.",  keywords: "design studio, branding, graphic design, creative agency, visual design, brand identity, portfolio",  openGraph: {
-    title: "Kalton Studio | Exceptional Design for Your Brand",    description: "Award-winning creative design studio crafting stunning visual experiences and strategic branding solutions.",    siteName: "Kalton Studio",    type: "website"},
-  twitter: {
-    card: "summary_large_image",    title: "Kalton Studio | Exceptional Design for Your Brand",    description: "Award-winning creative design studio crafting stunning visual experiences and strategic branding solutions."},
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "Kalton Studio | Crafting Visual Stories That Feel Timeless",  description: "Premium creative studio specializing in photography, brand visuals, creative direction, and content production."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} ${sourceSans3.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body className={`${playfairDisplay.variable} ${inter.variable}`}>
+        {children}
+      
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1411,7 +1391,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 951b8da..1f8ee80 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -5,23 +5,25 @@ import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/Nav
 import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
 import AboutMetric from "@/components/sections/about/AboutMetric";
 import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import TimelineProcessFlow from "@/components/cardStack/layouts/timelines/TimelineProcessFlow";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Award, BarChart3, CheckCircle, Code, Globe, Lightbulb, Palette, Quote, Rocket, Search, Sparkles, Target, TrendingUp, Users, Zap } from "lucide-react";
+import { Camera, Sparkles, Users, Heart, Mail, MapPin, Lightbulb, Palette, Video, Zap } from "lucide-react";
+import Image from "next/image";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
-      defaultTextAnimation="background-highlight"
-      borderRadius="soft"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
       contentWidth="medium"
-      sizing="large"
-      background="circleGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="layered"
+      sizing="mediumLarge"
+      background="none"
+      cardStyle="soft-shadow"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
@@ -30,50 +32,43 @@ export default function LandingPage() {
             { name: "Home", id: "home" },
             { name: "About", id: "about" },
             { name: "Services", id: "services" },
-            { name: "Work", id: "testimonials" },
+            { name: "Process", id: "process" },
             { name: "Contact", id: "contact" },
           ]}
           brandName="Kalton Studio"
-          bottomLeftText="Creative Design Studio"
+          bottomLeftText="Premium Creative Studio"
           bottomRightText="hello@kaltonstudio.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboardGallery
-          title="Elevate Your Brand with Exceptional Design"
-          description="At Kalton Studio, we craft compelling visual experiences that transform businesses. From concept to delivery, we create stunning designs that captivate and convert."
-          tag="Creative Excellence"
-          tagIcon={Sparkles}
-          background={{ variant: "radial-gradient" }}
+          title="Crafting Visual Stories That Feel Timeless"
+          description=""
+          tag="Kalton Studio"
+          background={{ variant: "plain" }}
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg",              imageAlt: "design studio creative workspace"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/neon-business-cards-concept_23-2148562822.jpg",              imageAlt: "graphic design branding mockup creative"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-vector/gradient-business-template-design_23-2149752068.jpg",              imageAlt: "design studio creative work portfolio showcase"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/man-working-desk-top-view_23-2149930937.jpg",              imageAlt: "branding design process creative modern"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2fHkdt5EUTOxcrcha9lnyIPr/uploaded-1772694622789-n0l0ppo9.png",              imageAlt: "Kalton Studio Logo"},
           ]}
           buttons={[
-            { text: "View Our Work", href: "testimonials" },
+            { text: "View Portfolio", href: "#portfolio" },
             { text: "Start a Project", href: "contact" },
           ]}
-          mediaAnimation="slide-up"
-          tagAnimation="blur-reveal"
-          buttonAnimation="blur-reveal"
+          mediaAnimation="opacity"
+          tagAnimation="none"
+          buttonAnimation="slide-up"
         />
       </div>
 
       <div id="about" data-section="about">
         <AboutMetric
-          title="We're a team of passionate creatives dedicated to bringing your vision to life through innovative design and strategic thinking."
+          title="About Kalton Studio"
           metrics={[
-            { icon: Award, label: "Award-Winning Work", value: "50+" },
+            { icon: Camera, label: "Photography Projects", value: "150+" },
+            { icon: Palette, label: "Brands Elevated", value: "80+" },
             { icon: Users, label: "Satisfied Clients", value: "200+" },
-            { icon: TrendingUp, label: "Successful Projects", value: "500+" },
-            { icon: Globe, label: "Global Reach", value: "15+ Countries" },
+            { icon: Sparkles, label: "Awards Won", value: "35+" },
           ]}
           metricsAnimation="slide-up"
           useInvertedBackground={false}
@@ -82,44 +77,162 @@ export default function LandingPage() {
 
       <div id="services" data-section="services">
         <FeatureCardTen
-          title="Our Creative Process"
-          description="We follow a proven methodology that ensures exceptional results at every stage of your project."
-          tag="Proven Methodology"
-          tagAnimation="blur-reveal"
+          title="Our Services"
+          description="We specialize in creating compelling visual narratives across multiple disciplines."
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
           features={[
             {
-              id: "1",              title: "Discovery & Strategy",              description: "We dive deep into understanding your brand, market, and goals to create a strategic foundation for your design.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-vector/business-plan-made-post-it_23-2147506492.jpg",                imageAlt: "brainstorm planning creative design"},
+              id: "1",              title: "Photography",              description: "Professional photography that captures the essence of your brand and tells your unique story.",              media: {
+                imageSrc: "https://images.unsplash.com/photo-1618005182384-a83a8e7b9b6f?w=800&h=600&fit=crop",                imageAlt: "Professional Photography"},
               items: [
-                { icon: Search, text: "Market Research & Analysis" },
-                { icon: Lightbulb, text: "Ideation & Brainstorming" },
-                { icon: Target, text: "Strategic Planning" },
+                { icon: Camera, text: "Commercial Photography" },
+                { icon: Sparkles, text: "Product Showcase" },
+                { icon: Heart, text: "Brand Storytelling" },
               ],
               reverse: false,
             },
             {
-              id: "2",              title: "Design & Development",              description: "Our talented designers create stunning visuals and prototypes that bring your vision to life with precision and creativity.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-with-tablet_23-2149930989.jpg",                imageAlt: "design prototyping mockup digital"},
+              id: "2",              title: "Brand Visuals",              description: "Cohesive visual identity systems that establish your brand presence across all touchpoints.",              media: {
+                imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop",                imageAlt: "Brand Visual Identity"},
               items: [
-                { icon: Palette, text: "Visual Design & Branding" },
-                { icon: Code, text: "Digital Development" },
-                { icon: Zap, text: "Interactive Elements" },
+                { icon: Palette, text: "Logo Design" },
+                { icon: Sparkles, text: "Brand Guidelines" },
+                { icon: Zap, text: "Visual Systems" },
               ],
               reverse: true,
             },
             {
-              id: "3",              title: "Refinement & Launch",              description: "We perfect every detail and ensure seamless delivery, providing ongoing support to maximize your design's impact.",              media: {
-                imageSrc: "http://img.b2bpic.net/free-psd/minimal-magazine-cover-landing-page-template_23-2149660314.jpg",                imageAlt: "final design portfolio showcase creative"},
+              id: "3",              title: "Creative Direction",              description: "Strategic creative guidance that aligns your visual narrative with your business objectives.",              media: {
+                imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop",                imageAlt: "Creative Direction"},
               items: [
-                { icon: CheckCircle, text: "Quality Assurance & Testing" },
-                { icon: Rocket, text: "Launch & Deployment" },
-                { icon: BarChart3, text: "Performance Optimization" },
+                { icon: Lightbulb, text: "Concept Development" },
+                { icon: Sparkles, text: "Art Direction" },
+                { icon: Users, text: "Strategic Planning" },
               ],
               reverse: false,
             },
+            {
+              id: "4",              title: "Content Production",              description: "End-to-end content creation that resonates with your audience and drives engagement.",              media: {
+                imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f70567c0e?w=800&h=600&fit=crop",                imageAlt: "Content Production"},
+              items: [
+                { icon: Video, text: "Video Production" },
+                { icon: Camera, text: "Photography" },
+                { icon: Sparkles, text: "Post-Production" },
+              ],
+              reverse: true,
+            },
+          ]}
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio" className="py-20 md:py-32">
+        <div className="max-w-7xl mx-auto px-4 md:px-8">
+          <div className="mb-16 text-center">
+            <h2 className="text-4xl md:text-6xl font-bold text-foreground mb-4">Portfolio</h2>
+            <p className="text-lg text-foreground/70">Explore our latest creative work</p>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+            {[1, 2, 3, 4, 5, 6].map((item) => (
+              <div key={item} className="group relative overflow-hidden rounded-lg aspect-square bg-card shadow-md hover:shadow-lg transition-shadow duration-300">
+                <div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent flex items-center justify-center">
+                  <Camera className="w-12 h-12 text-primary-cta" />
+                </div>
+                <div className="absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors duration-300 flex items-center justify-center">
+                  <div className="opacity-0 group-hover:opacity-100 transition-opacity duration-300">
+                    <Sparkles className="w-8 h-8 text-white" />
+                  </div>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+
+      <div id="process" data-section="process">
+        <TimelineProcessFlow
+          title="Our Process"
+          description="A streamlined approach to bringing your vision to life"
+          textboxLayout="default"
+          animationType="slide-up"
+          items={[
+            {
+              id: "01",              reverse: false,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
+                  <Lightbulb className="w-16 h-16 text-primary-cta" />
+                </div>
+              ),
+              content: (
+                <div className="space-y-3">
+                  <h3 className="text-2xl font-bold text-foreground">Discovery</h3>
+                  <p className="text-foreground/70">We begin by understanding your brand, goals, and target audience through in-depth consultation and research.</p>
+                  <ul className="space-y-2 text-foreground/70 text-sm">
+                    <li>• Brand Analysis</li>
+                    <li>• Market Research</li>
+                    <li>• Strategy Development</li>
+                  </ul>
+                </div>
+              ),
+            },
+            {
+              id: "02",              reverse: true,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
+                  <Palette className="w-16 h-16 text-primary-cta" />
+                </div>
+              ),
+              content: (
+                <div className="space-y-3">
+                  <h3 className="text-2xl font-bold text-foreground">Creative Concept</h3>
+                  <p className="text-foreground/70">Our creative team develops compelling concepts and visual directions that align with your brand identity.</p>
+                  <ul className="space-y-2 text-foreground/70 text-sm">
+                    <li>• Concept Ideation</li>
+                    <li>• Visual Exploration</li>
+                    <li>• Mood Board Creation</li>
+                  </ul>
+                </div>
+              ),
+            },
+            {
+              id: "03",              reverse: false,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
+                  <Camera className="w-16 h-16 text-primary-cta" />
+                </div>
+              ),
+              content: (
+                <div className="space-y-3">
+                  <h3 className="text-2xl font-bold text-foreground">Production</h3>
+                  <p className="text-foreground/70">We bring your vision to life through professional photography, videography, and design execution.</p>
+                  <ul className="space-y-2 text-foreground/70 text-sm">
+                    <li>• Photo Shoot</li>
+                    <li>• Design Implementation</li>
+                    <li>• Asset Creation</li>
+                  </ul>
+                </div>
+              ),
+            },
+            {
+              id: "04",              reverse: true,
+              media: (
+                <div className="w-full h-full bg-gradient-to-br from-background via-card to-background-accent rounded-lg flex items-center justify-center">
+                  <Sparkles className="w-16 h-16 text-primary-cta" />
+                </div>
+              ),
+              content: (
+                <div className="space-y-3">
+                  <h3 className="text-2xl font-bold text-foreground">Final Delivery</h3>
+                  <p className="text-foreground/70">We polish and deliver all assets in the formats you need, with ongoing support for implementation.</p>
+                  <ul className="space-y-2 text-foreground/70 text-sm">
+                    <li>• Final Edits & Refinements</li>
+                    <li>• Format Optimization</li>
+                    <li>• Delivery & Support</li>
+                  </ul>
+                </div>
+              ),
+            },
           ]}
         />
       </div>
@@ -127,26 +240,26 @@ export default function LandingPage() {
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardThirteen
           title="What Our Clients Say"
-          description="Real feedback from brands we've helped elevate through exceptional design and creative strategy."
+          description="Hear directly from the brands we've elevated through exceptional creative work."
           testimonials={[
             {
-              id: "1",              name: "Sarah Anderson",              handle: "@sarahdesigns",              testimonial: "Kalton Studio transformed our brand identity completely. Their attention to detail and creative vision exceeded our expectations. Highly recommended!",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "portrait professional avatar headshot"},
+              id: "1",              name: "Alexandra Chen",              handle: "Creative Director",              testimonial: "Kalton Studio transformed our brand vision into stunning visual reality. Their attention to detail and creative excellence is unmatched.",              rating: 5,
+              imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop",              imageAlt: "Alexandra Chen"},
             {
-              id: "2",              name: "Michael Chen",              handle: "@michaelchen_co",              testimonial: "Working with Kalton Studio was an absolute pleasure. They understood our vision and delivered stunning designs that elevated our entire brand presence.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1",              imageAlt: "portrait professional business avatar"},
+              id: "2",              name: "Marcus Thompson",              handle: "Brand Manager",              testimonial: "Working with Kalton Studio elevated our entire brand presence. The photography and creative direction perfectly captured our essence.",              rating: 5,
+              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",              imageAlt: "Marcus Thompson"},
             {
-              id: "3",              name: "Jessica Martinez",              handle: "@jess_creative",              testimonial: "The team at Kalton Studio brings both creativity and strategy to every project. Our new design has significantly impacted our customer engagement.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-bearded-male-eyeglasses-dressed-elegant-wool-suit-grey-background_613910-15599.jpg",              imageAlt: "portrait creative professional headshot"},
+              id: "3",              name: "Sophie Laurent",              handle: "Marketing Lead",              testimonial: "The team's creative vision and professional execution exceeded all our expectations. Highly recommend for any brand transformation.",              rating: 5,
+              imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop",              imageAlt: "Sophie Laurent"},
             {
-              id: "4",              name: "David Thompson",              handle: "@davidthompson",              testimonial: "Exceptional quality, professional approach, and outstanding results. Kalton Studio is the partner we needed for our brand evolution.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2",              imageAlt: "portrait business professional avatar"},
+              id: "4",              name: "David Rodriguez",              handle: "CEO",              testimonial: "Kalton Studio's creative direction and content production completely transformed our brand. Exceptional quality and professionalism.",              rating: 5,
+              imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop",              imageAlt: "David Rodriguez"},
             {
-              id: "5",              name: "Emma Wilson",              handle: "@emmawilson_",              testimonial: "From concept to completion, Kalton Studio delivered beyond our expectations. Their creative solutions have transformed our business.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "portrait professional headshot avatar"},
+              id: "5",              name: "Emma Wilson",              handle: "Founder",              testimonial: "The photography and brand visuals Kalton Studio created gave our startup the premium identity we needed. Truly transformative work.",              rating: 5,
+              imageSrc: "https://images.unsplash.com/photo-1517849845537-1d51a20414de?w=400&h=400&fit=crop",              imageAlt: "Emma Wilson"},
             {
-              id: "6",              name: "Robert Garcia",              handle: "@robertgarcia",              testimonial: "Working with Kalton Studio was a game-changer for our company. Their innovative approach and expertise truly set them apart from others.",              rating: 5,
-              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-grey-background_613910-11739.jpg",              imageAlt: "portrait creative business headshot"},
+              id: "6",              name: "James Mitchell",              handle: "Design Director",              testimonial: "Working with this team was a masterclass in creative excellence. Their creative vision and execution are truly world-class.",              rating: 5,
+              imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",              imageAlt: "James Mitchell"},
           ]}
           showRating={true}
           animationType="slide-up"
@@ -156,54 +269,69 @@ export default function LandingPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactSplitForm
-          title="Let's Create Something Amazing"
-          description="Ready to elevate your brand? Get in touch with our team and let's discuss your next creative project. We're excited to hear about your vision."
-          inputs={[
-            {
-              name: "fullName",              type: "text",              placeholder: "Your Full Name",              required: true,
-            },
-            {
-              name: "email",              type: "email",              placeholder: "Your Email Address",              required: true,
-            },
+      <div id="cta" data-section="cta">
+        <ContactCTA
+          tag="Ready?"
+          tagIcon={Heart}
+          title="Let's Create Something Beautiful"
+          description="We're excited to collaborate with you on your next creative project. Let's work together to bring your vision to life."
+          buttons={[
+            { text: "Get in Touch", href: "contact" },
+            { text: "View Our Work", href: "#portfolio" },
           ]}
-          textarea={{
-            name: "message",            placeholder: "Tell us about your project and vision...",            rows: 6,
-            required: true,
-          }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-vector/send-email-concept_24908-60321.jpg"
-          imageAlt="contact communication message email"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          buttonText="Send Message"
         />
       </div>
 
+      <div id="contact" data-section="contact" className="py-20 md:py-32 bg-card/50">
+        <div className="max-w-2xl mx-auto px-4 md:px-8 text-center">
+          <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Get in Touch</h2>
+          <p className="text-lg text-foreground/70 mb-12">Have a project in mind? We'd love to hear about it.</p>
+          
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8 mb-12">
+            <a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer" className="flex flex-col items-center gap-3 p-6 rounded-lg hover:bg-background/50 transition-colors">
+              <Mail className="w-8 h-8 text-primary-cta" />
+              <span className="text-foreground font-medium">Email</span>
+              <span className="text-foreground/70 text-sm">hello@kaltonstudio.com</span>
+            </a>
+            <a href="https://www.instagram.com" target="_blank" rel="noopener noreferrer" className="flex flex-col items-center gap-3 p-6 rounded-lg hover:bg-background/50 transition-colors">
+              <Sparkles className="w-8 h-8 text-primary-cta" />
+              <span className="text-foreground font-medium">Instagram</span>
+              <span className="text-foreground/70 text-sm">@kaltonstudio</span>
+            </a>
+            <a href="#" className="flex flex-col items-center gap-3 p-6 rounded-lg hover:bg-background/50 transition-colors">
+              <MapPin className="w-8 h-8 text-primary-cta" />
+              <span className="text-foreground font-medium">Location</span>
+              <span className="text-foreground/70 text-sm">Creative Hub</span>
+            </a>
+          </div>
+        </div>
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterLogoEmphasis
           logoText="Kalton Studio"
           columns={[
             {
               items: [
-                { label: "Home", href: "home" },
-                { label: "About", href: "about" },
-                { label: "Services", href: "services" },
+                { label: "Home", href: "#home" },
+                { label: "About", href: "#about" },
+                { label: "Services", href: "#services" },
               ],
             },
             {
               items: [
-                { label: "Portfolio", href: "testimonials" },
-                { label: "Contact", href: "contact" },
-                { label: "Instagram", href: "https://www.instagram.com/kaltonstudio" },
+                { label: "Portfolio", href: "#portfolio" },
+                { label: "Process", href: "#process" },
+                { label: "Contact", href: "#contact" },
               ],
             },
             {
               items: [
-                { label: "Privacy Policy", href: "#" },
-                { label: "Terms of Service", href: "#" },
-                { label: "Copyright 2025", href: "#" },
+                { label: "Instagram", href: "https://www.instagram.com" },
+                { label: "Email", href: "mailto:hello@kaltonstudio.com" },
+                { label: "© 2025 Kalton Studio", href: "#" },
               ],
             },
           ]}
diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index 785d2aa..ca2f4c0 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-font-source-sans-3), sans-serif;
+  font-family: var(--font-inter), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-font-source-sans-3), sans-serif;
+  font-family: var(--font-playfair-display), serif;
 }
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index d12c3c0..c77e539 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
-  --foreground: #250c0d;
-  --primary-cta: #b82b40;
+  --background: #fdf9f5;
+  --card: #f5efeb;
+  --foreground: #1a1410;
+  --primary-cta: #1a1410;
   --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #250c0d;
-  --accent: #b90941;
-  --background-accent: #e8a8b6;
+  --accent: #d4c4b8;
+  --background-accent: #e8dcd2;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
