Update src/app/team/page.tsx

Merge version_1 into main

src/app/blog/page.tsx

@@ -0,0 +1,68 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function BlogPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Results", id: "/#metrics" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Blog", id: "/blog" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="ELEVATE"
+          />
+        </div>
+
+        <div id="blog" data-section="blog" className="pt-32">
+          <BlogCardTwo
+            title="Industry Insights & Tips"
+            description="Expert social media strategies for modern brands."
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            blogs={[
+              {
+                id: "1",                category: "Strategy",                title: "Mastering Short-Form Video",                excerpt: "How to capture attention in the first 3 seconds.",                imageSrc: "http://img.b2bpic.net/free-photo/dynamic-blue-light-streaks-abstract-background_84443-73897.jpg",                authorName: "Alex Rivers",                authorAvatar: "http://img.b2bpic.net/free-photo/handsome-young-male-walking-street_158595-4694.jpg",                date: "Oct 24, 2023"
+              },
+              {
+                id: "2",                category: "Analytics",                title: "Beyond Vanity Metrics",                excerpt: "Why engagement rates aren't everything.",                imageSrc: "http://img.b2bpic.net/free-photo/view-skyscraphers-city_53876-15067.jpg",                authorName: "Jordan Lee",                authorAvatar: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",                date: "Oct 20, 2023"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer" className="mt-16">
+          <FooterLogoReveal
+            logoText="ELEVATE"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -36,6 +36,7 @@ export default function LandingPage() {
               { name: "Services", id: "#features" },
               { name: "Results", id: "#metrics" },
               { name: "Testimonials", id: "#testimonials" },
+              { name: "Blog", id: "/blog" },
               { name: "Contact", id: "#contact" },
             ]}
             brandName="ELEVATE"

src/app/portfolio/page.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+
+export default function PortfolioPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Results", id: "/#metrics" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="ELEVATE"
+          />
+        </div>
+        <main className="pt-32 pb-20">
+            <FeatureCardSix
+                title="Client Portfolio"
+                description="Showcasing successful brand transformations and campaigns."
+                textboxLayout="split"
+                useInvertedBackground={false}
+                features={[
+                    { id: 1, title: "Global Tech Launch", description: "Managed end-to-end launch campaign resulting in 1M+ reach." },
+                    { id: 2, title: "Fashion Brand Refresh", description: "Complete visual overhaul and community strategy for a top tier label." },
+                    { id: 3, title: "Lifestyle Influencer Series", description: "Curated storytelling campaigns for top lifestyle creators." }
+                ]}
+            />
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="ELEVATE"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/pricing/page.tsx

@@ -0,0 +1,45 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/pricing" },
+              { name: "Team", id: "/team" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="ELEVATE"
+          />
+        </div>
+        <PricingCardFive
+          animationType="slide-up"
+          title="Simple Pricing"
+          description="Choose the plan that fits your growth goals."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          plans={[
+            { id: "p1", tag: "Starter", price: "$1,999", period: "/mo", description: "Essential growth toolkit.", button: { text: "Get Started", href: "/contact" }, featuresTitle: "Core Features", features: ["Content Strategy", "Weekly Analytics"] }
+          ]}
+        />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="ELEVATE"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/services/page.tsx

@@ -0,0 +1,51 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ServicesPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/#about" },
+              { name: "Services", id: "/services" },
+              { name: "Portfolio", id: "/portfolio" },
+              { name: "Results", id: "/#metrics" },
+              { name: "Testimonials", id: "/#testimonials" },
+              { name: "Contact", id: "/#contact" },
+            ]}
+            brandName="ELEVATE"
+          />
+        </div>
+        <main className="pt-32 pb-20">
+            <FeatureCardSix
+                title="Our Core Services"
+                description="Expert-led social media strategies and execution."
+                textboxLayout="split"
+                useInvertedBackground={false}
+                features={[
+                    { id: 1, title: "Strategy Development", description: "Brand identity, market research, and growth planning." },
+                    { id: 2, title: "Content Creation", description: "High-quality photo, video, and design assets." },
+                    { id: 3, title: "Management", description: "Community engagement and scheduling across platforms." },
+                    { id: 4, title: "Analytics & Insights", description: "Data-driven reporting to optimize campaign performance." }
+                ]}
+            />
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="ELEVATE"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/team/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function TeamPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="shift-hover" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/pricing" },
+              { name: "Team", id: "/team" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="ELEVATE"
+          />
+        </div>
+        <TeamCardEleven
+          animationType="slide-up"
+          title="Our Experts"
+          description="Meet the creative minds behind our digital success."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          groups={[
+            {
+              id: "g1",              groupTitle: "Leadership",              members: [
+                { id: "m1", title: "Elena Vance", subtitle: "Founder & CEO", detail: "Strategic visionary with 15+ years of digital experience.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg" }
+              ]
+            }
+          ]}
+        />
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="ELEVATE"
+            leftLink={{ text: "Terms of Service", href: "#" }}
+            rightLink={{ text: "Privacy Policy", href: "#" }}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}