Update src/app/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -11,7 +11,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Award, Facebook, Heart, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter, Users } from "lucide-react";
+import { Award, Facebook, Heart, Instagram, Linkedin, Mail, Sparkles, Target, TrendingUp, Twitter, Users, ArrowRight } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -35,15 +35,14 @@ export default function LandingPage() {
             { name: "Portfolio", id: "portfolio" },
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" },
-            { name: "Blog", id: "https://blog.marketingpro.com" },
           ]}
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitDualMedia
-          title="Transform Your Brand"
-          description="We craft data-driven marketing strategies that elevate your brand, engage your audience, and drive measurable growth. Partner with experts who understand your vision."
+          title="Drive 300% ROI Growth Within 90 Days"
+          description="Unlock measurable revenue acceleration through data-driven marketing strategies. Then partner with experts who understand your vision and deliver proven results."
           tag="Marketing Excellence"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
@@ -55,7 +54,7 @@ export default function LandingPage() {
           buttonAnimation="blur-reveal"
           mediaItems={[
             {
-              imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg",              imageAlt: "Digital marketing strategy and analytics"},
+              imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg?_wi=1",              imageAlt: "Digital marketing strategy and analytics"},
             {
               imageSrc: "http://img.b2bpic.net/free-vector/creative-abstract-company-card_23-2148455818.jpg",              imageAlt: "Creative brand identity design"},
           ]}
@@ -83,7 +82,7 @@ export default function LandingPage() {
       </div>
 
       <div id="services" data-section="services">
-        <FeatureCardEight
+        <FeatureCardTwentySix
           title="Our Core Services"
           description="Comprehensive marketing solutions designed to accelerate your business growth and brand presence"
           tag="What We Offer"
@@ -91,17 +90,17 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           features={[
             {
-              id: 1,
-              title: "Social Media Marketing",              description: "Strategic campaigns across all major platforms to engage your audience and build brand loyalty",              imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063161.jpg",              imageAlt: "Social media marketing campaigns"},
+              title: "Social Media Marketing",              description: "Strategic campaigns across all major platforms to engage your audience and build brand loyalty",              imageSrc: "http://img.b2bpic.net/free-photo/social-media-marketing-concept-marketing-with-applications_23-2150063161.jpg",              imageAlt: "Social media marketing campaigns",              buttonIcon: ArrowRight,
+              buttonHref: "#"},
             {
-              id: 2,
-              title: "Content Creation & Strategy",              description: "Compelling storytelling that resonates with your audience and drives meaningful engagement",              imageSrc: "http://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",              imageAlt: "Content creation and copywriting"},
+              title: "Content Creation & Strategy",              description: "Compelling storytelling that resonates with your audience and drives meaningful engagement",              imageSrc: "http://img.b2bpic.net/free-photo/media-journalism-global-daily-news-content-concept_53876-123733.jpg",              imageAlt: "Content creation and copywriting",              buttonIcon: ArrowRight,
+              buttonHref: "#"},
             {
-              id: 3,
-              title: "Performance Analytics",              description: "Data-driven insights that measure results, optimize campaigns, and maximize ROI",              imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg",              imageAlt: "Analytics and performance metrics"},
+              title: "Performance Analytics",              description: "Data-driven insights that measure results, optimize campaigns, and maximize ROI",              imageSrc: "http://img.b2bpic.net/free-photo/employee-editing-documents-desktop-computer-office-desk_482257-126550.jpg",              imageAlt: "Analytics and performance metrics",              buttonIcon: ArrowRight,
+              buttonHref: "#"},
             {
-              id: 4,
-              title: "Brand Development",              description: "Full-service branding from identity design to brand voice that sets you apart",              imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148373393.jpg",              imageAlt: "Brand identity and logo design"},
+              title: "Brand Development",              description: "Full-service branding from identity design to brand voice that sets you apart",              imageSrc: "http://img.b2bpic.net/free-vector/colorful-minimal-business-card-template_23-2148373393.jpg",              imageAlt: "Brand identity and logo design",              buttonIcon: ArrowRight,
+              buttonHref: "#"},
           ]}
           textboxLayout="default"
           useInvertedBackground={true}
@@ -217,7 +216,7 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=1"
           imageAlt="Business consultation and growth"
           mediaAnimation="slide-up"
           mediaPosition="right"

src/app/shop/page.tsx

@@ -0,0 +1,114 @@
+"use client";
+
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Award, Facebook, Heart, Instagram, Linkedin, Mail, ShoppingCart, Twitter } from "lucide-react";
+
+export default function ShopPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="large"
+      background="circleGradient"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Marketing Pro"
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "Portfolio", id: "portfolio" },
+            { name: "About", id: "about" },
+            { name: "Shop", id: "/shop" },
+            { name: "Contact", id: "contact" },
+          ]}
+        />
+      </div>
+
+      <div id="products" data-section="products">
+        <ProductCardOne
+          title="Shop Our Products"
+          description="Browse our collection of premium marketing tools and resources to elevate your brand"
+          tag="Products"
+          tagIcon={ShoppingCart}
+          tagAnimation="slide-up"
+          products={[
+            {
+              id: "1",              name: "Brand Strategy Guide",              price: "$49.99",              imageSrc: "http://img.b2bpic.net/free-photo/business-books-desk-office_1098-660.jpg",              imageAlt: "Brand strategy guide",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "2",              name: "Social Media Templates",              price: "$29.99",              imageSrc: "http://img.b2bpic.net/free-photo/laptop-social-media-marketing_23-2150063158.jpg",              imageAlt: "Social media templates",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "3",              name: "Content Calendar Kit",              price: "$39.99",              imageSrc: "http://img.b2bpic.net/free-photo/calendar-planner-office-desk_1098-661.jpg",              imageAlt: "Content calendar kit",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "4",              name: "Analytics Dashboard Pro",              price: "$99.99",              imageSrc: "http://img.b2bpic.net/free-photo/tablet-shows-analytics-data-meeting_482257-120318.jpg?_wi=2",              imageAlt: "Analytics dashboard",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "5",              name: "Email Campaign Builder",              price: "$59.99",              imageSrc: "http://img.b2bpic.net/free-photo/email-marketing-campaign_23-2150063159.jpg",              imageAlt: "Email campaign builder",              onProductClick: () => console.log('clicked'),
+            },
+            {
+              id: "6",              name: "Video Marketing Bundle",              price: "$79.99",              imageSrc: "http://img.b2bpic.net/free-photo/video-production-setup_23-2150063160.jpg",              imageAlt: "Video marketing bundle",              onProductClick: () => console.log('clicked'),
+            },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "View All Products", href: "/shop" }]}
+          buttonAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Get Support"
+          tagIcon={Mail}
+          title="Have questions about our products?"
+          description="Our team is here to help you find the perfect solution for your marketing needs. Reach out and let's discuss what works best for you."
+          tagAnimation="slide-up"
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="http://img.b2bpic.net/free-photo/businesswomen-doing-interview_1098-663.jpg?_wi=2"
+          imageAlt="Product support and consultation"
+          mediaAnimation="slide-up"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Contact Us"
+          termsText="We respect your privacy. Unsubscribe anytime. See our privacy policy for details."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Marketing Pro"
+          copyrightText="© 2025 Marketing Pro Agency. All rights reserved."
+          socialLinks={[
+            {
+              icon: Twitter,
+              href: "https://twitter.com/marketingpro",              ariaLabel: "Follow us on Twitter"},
+            {
+              icon: Linkedin,
+              href: "https://linkedin.com/company/marketingpro",              ariaLabel: "Connect on LinkedIn"},
+            {
+              icon: Instagram,
+              href: "https://instagram.com/marketingpro",              ariaLabel: "Follow us on Instagram"},
+            {
+              icon: Facebook,
+              href: "https://facebook.com/marketingpro",              ariaLabel: "Like us on Facebook"},
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}