Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -28,9 +28,9 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="Bee Life"
+          brandName="Bee Life with Us"
           navItems={[
-            { name: "Home", id: "home" },
+            { name: "General", id: "home" },
             { name: "About", id: "about" },
             { name: "Arrangements", id: "arrangements" },
             { name: "Services", id: "services" },
@@ -128,8 +128,8 @@ export default function LandingPage() {
           ariaLabel="Featured flower arrangements"
           className="w-full"
           containerClassName="flex flex-col gap-8"
-          titleClassName="text-3xl md:text-4xl font-light text-foreground"
-          descriptionClassName="text-base text-foreground opacity-80 mt-2"
+          textBoxTitleClassName="text-3xl md:text-4xl font-light text-foreground"
+          textBoxDescriptionClassName="text-base text-foreground opacity-80 mt-2"
           gridClassName="grid gap-6"
           cardClassName="rounded-lg overflow-hidden"
           imageClassName="w-full h-64 object-cover"
@@ -159,8 +159,8 @@ export default function LandingPage() {
           ariaLabel="Our services section"
           className="w-full"
           containerClassName="flex flex-col gap-8"
-          titleClassName="text-3xl md:text-4xl font-light text-foreground"
-          descriptionClassName="text-base text-foreground opacity-80 mt-2"
+          textBoxTitleClassName="text-3xl md:text-4xl font-light text-foreground"
+          textBoxDescriptionClassName="text-base text-foreground opacity-80 mt-2"
         />
       </div>
 
@@ -186,8 +186,8 @@ export default function LandingPage() {
           ariaLabel="Customer testimonials section"
           className="w-full"
           containerClassName="flex flex-col gap-8"
-          titleClassName="text-3xl md:text-4xl font-light text-foreground"
-          descriptionClassName="text-base text-foreground opacity-80 mt-2"
+          textBoxTitleClassName="text-3xl md:text-4xl font-light text-foreground"
+          textBoxDescriptionClassName="text-base text-foreground opacity-80 mt-2"
           gridClassName="grid gap-6"
           cardClassName="rounded-lg overflow-hidden"
         />
@@ -208,8 +208,8 @@ export default function LandingPage() {
           ariaLabel="Social proof partners section"
           className="w-full"
           containerClassName="flex flex-col gap-8"
-          titleClassName="text-3xl md:text-4xl font-light text-foreground text-center"
-          descriptionClassName="text-base text-foreground opacity-80 text-center"
+          textBoxTitleClassName="text-3xl md:text-4xl font-light text-foreground text-center"
+          textBoxDescriptionClassName="text-base text-foreground opacity-80 text-center"
         />
       </div>
 
@@ -279,4 +279,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,8 +10,8 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f7f6f7;
-  --card: #ffffff;
+  --background: #ffffff;
+  --card: #1d1282;
   --foreground: #1b0c25;
   --primary-cta: #1b0c25;
   --primary-cta-text: #f7f6f7;