Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import ContactCenter from "@/components/sections/contact/ContactCenter";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Camera, Users, Star, Zap } from "lucide-react";
+import { Camera, Users, Star, Zap, Mail } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -20,7 +20,7 @@ export default function LandingPage() {
       borderRadius="pill"
       contentWidth="mediumSmall"
       sizing="largeSizeMediumTitles"
-      background="grid"
+      background="circleGradient"
       cardStyle="gradient-bordered"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="radial-glow"
@@ -44,7 +44,7 @@ export default function LandingPage() {
         <HeroCentered
           title="Professional Photo & Video Production"
           description="Capture your story with stunning visuals. Specializing in corporate photography, commercial videography, and creative content that elevates your brand."
-          background={{ variant: "grid" }}
+          background={{ variant: "downward-rays-static" }}
           avatars={[
             {
               src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AP4jR7XjSky1NlUFw2N5GavpXE/professional-photo-and-video-production--1772481077805-e147f568.png",              alt: "Professional production studio"},
@@ -167,7 +167,7 @@ export default function LandingPage() {
           inputPlaceholder="Enter your email"
           buttonText="Contact Us"
           termsText="We respect your privacy. We'll only contact you about your project inquiry."
-          tagIcon="Mail"
+          tagIcon={Mail}
         />
       </div>