Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 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 FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
@@ -12,7 +12,7 @@ import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Heart } from "lucide-react";
+import { Heart, ShoppingCart } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -34,7 +34,7 @@ export default function LandingPage() {
       navItems={[
         { name: "Home", id: "hero" },
         { name: "About", id: "about" },
-        { name: "Products", id: "products" },
+        { name: "Shop", id: "products" },
         { name: "Contact", id: "contact" },
       ]}
       brandName="Tamrah"
@@ -98,7 +98,7 @@ export default function LandingPage() {
         { id: "2", name: "Date & Almond Spread", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-coffee_114579-60412.jpg" },
         { id: "3", name: "Date & Walnut Delight", price: "$15.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mixed-nuts-with-dried-fruits-wood-box-served-with-tea-armudu-glass-tablecloth_141793-7313.jpg" },
         { id: "4", name: "Cinnamon Spiced Jam", price: "$14.00", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sweet-figs-jam-with-fresh-figs-inside-orange-plate-white-surface_140725-64158.jpg" },
-        { id: "5", name: "Small Family Bundle", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast_23-2147788568.jpg" },
+        { id: "5", name: "Small Family Bundle", price: "$45.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-breakfast_23-2147788568.jpg?_wi=1" },
         { id: "6", name: "Premium Gift Box", price: "$60.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dried-fruits-raisins-apricots-dried-dates-mini-tart-tins-served-with-tea-black-wooden-background_141793-9015.jpg" }
       ]}
       title="Our Signature Collection"
@@ -174,11 +174,16 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
+      title="Stay Updated"
+      description="Join our newsletter for exclusive offers and news."
+      inputs={[
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
+        { name: "email", type: "email", placeholder: "Your Email Address", required: true }
+      ]}
+      buttonText="Subscribe"
       useInvertedBackground={true}
-      background={{ variant: "sparkles-gradient" }}
-      text="Join our journey and stay updated with Tamrah news and special offers."
-      buttons={[{ text: "Contact Us", href: "#" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/top-view-breakfast_23-2147788568.jpg?_wi=2"
     />
   </div>
 
@@ -186,7 +191,7 @@ export default function LandingPage() {
       <FooterLogoEmphasis
       columns={[
         { items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
-        { items: [{ label: "FAQs", href: "#faq" }, { label: "Support", href: "#" }] }
+        { items: [{ label: "FAQs", href: "#faq" }, { label: "Support", href: "#contact" }] }
       ]}
       logoText="Tamrah"
     />
@@ -194,4 +199,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fafffb;
-  --card: #f7fffa;
-  --foreground: #001a0a;
-  --primary-cta: #0a7039;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
   --primary-cta-text: #fafffb;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #001a0a;
-  --accent: #a8d9be;
-  --background-accent: #6bbf8e;
+  --accent: #94877c;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);