Update src/app/faq/page.tsx

Update src/app/contact/page.tsx
Update src/app/about/page.tsx
2026-04-04 05:03:24 +00:00 · 2026-04-04 05:03:23 +00:00 · 2026-04-04 05:03:23 +00:00 · 2026-04-04 05:02:59 +00:00 · 2026-04-04 05:02:59 +00:00 · 2026-04-04 05:02:58 +00:00
4 changed files with 114 additions and 142 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" 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: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]} brandName="Banakar" />
+        </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            title="About Us"
+            description="Learn more about our mission, vision, and the team behind Banakar."
+            metrics={[{ value: "100+", title: "Projects" }, { value: "5+", title: "Years" }]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia logoText="Banakar" videoSrc="https://videos.pexels.com/video-files/4064376/4064376-sd_506_960_25fps.mp4?_wi=1" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -0,0 +1,30 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" 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: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]} brandName="Banakar" />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Get in Touch"
+            description="We'd love to hear from you. Reach out to discuss your project."
+            inputs={[{ name: "name", type: "text", placeholder: "Name", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia logoText="Banakar" videoSrc="https://videos.pexels.com/video-files/4064376/4064376-sd_506_960_25fps.mp4?_wi=2" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/faq/page.tsx
+++ b/src/app/faq/page.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function FAQPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" 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: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]} brandName="Banakar" />
+        </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            title="Frequently Asked Questions"
+            description="Get answers to your questions about our work."
+            faqs={[{ id: "1", title: "How to start?", content: "Contact us!" }]}
+            faqsAnimation="slide-up"
+            useInvertedBackground={false}
+            textboxLayout="default"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia logoText="Banakar" videoSrc="https://videos.pexels.com/video-files/4064376/4064376-sd_506_960_25fps.mp4?_wi=3" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,22 +28,11 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Features",
-          id: "features",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Features", id: "features" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "FAQ", id: "faq" }
      ]}
      brandName="Banakar"
    />
@@ -53,12 +42,7 @@ export default function LandingPage() {
      <HeroLogo
      logoText="Banakar"
      description="Excellence in every detail. Elevating your digital presence with modern, high-impact design solutions for the modern business era."
-      buttons={[
-        {
-          text: "Get Started",
-          href: "#contact",
-        },
-      ]}
+      buttons={[{ text: "Get Started", href: "#features" }]}
      imageSrc="http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805307.jpg?_wi=1"
      imageAlt="Banakar Hero"
    />
@@ -70,18 +54,9 @@ export default function LandingPage() {
      title="Built for Success"
      description="We combine modern aesthetics with functional performance to ensure your brand stands out in the competitive landscape. Our team is dedicated to your long-term growth."
      metrics={[
-        {
-          value: "100+",
-          title: "Projects Completed",
-        },
-        {
-          value: "95%",
-          title: "Client Satisfaction",
-        },
-        {
-          value: "5+",
-          title: "Years Experience",
-        },
+        { value: "100+", title: "Projects Completed" },
+        { value: "95%", title: "Client Satisfaction" },
+        { value: "5+", title: "Years Experience" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/arrangement-disinfecting-products-desk_23-2148848549.jpg?_wi=1"
      imageAlt="About Us Image"
@@ -96,27 +71,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
-        {
-          id: "f1",
-          title: "Digital Strategy",
-          description: "Holistic planning for brand growth.",
-          tag: "Strategic",
-          imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space_23-2148253659.jpg",
-        },
-        {
-          id: "f2",
-          title: "Modern Development",
-          description: "High-performance web and mobile apps.",
-          tag: "Development",
-          imageSrc: "http://img.b2bpic.net/free-photo/application-pointing-worker-digital-stressed_1134-1391.jpg",
-        },
-        {
-          id: "f3",
-          title: "Creative Design",
-          description: "Visually compelling brand experiences.",
-          tag: "Design",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7160.jpg",
-        },
+        { id: "f1", title: "Digital Strategy", description: "Holistic planning for brand growth.", tag: "Strategic", imageSrc: "http://img.b2bpic.net/free-photo/ferromagnetic-liquid-metal-with-copy-space_23-2148253659.jpg" },
+        { id: "f2", title: "Modern Development", description: "High-performance web and mobile apps.", tag: "Development", imageSrc: "http://img.b2bpic.net/free-photo/application-pointing-worker-digital-stressed_1134-1391.jpg" },
+        { id: "f3", title: "Creative Design", description: "Visually compelling brand experiences.", tag: "Design", imageSrc: "http://img.b2bpic.net/free-photo/abstract-wave-texture-background_474888-7160.jpg" },
      ]}
      title="Our Expertise"
      description="Leveraging cutting-edge technology to deliver scalable and sustainable digital solutions."
@@ -129,41 +86,9 @@ export default function LandingPage() {
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "CEO",
-          testimonial: "Exceptional work! Banakar transformed our business.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Founder",
-          testimonial: "Professional, reliable, and highly creative. Truly impressed.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-glasses-grey-coat-standing-office-holding-laptop-looking-camera_197531-30493.jpg",
-        },
-        {
-          id: "3",
-          name: "Emily R.",
-          role: "Marketing",
-          testimonial: "A game changer for our brand identity.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg",
-        },
-        {
-          id: "4",
-          name: "David K.",
-          role: "Director",
-          testimonial: "Exceeded all our expectations.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-elegant-businesswoman-with-copy-space_23-2148788835.jpg",
-        },
-        {
-          id: "5",
-          name: "Anita L.",
-          role: "Manager",
-          testimonial: "Excellent service and great communication.",
-          imageSrc: "http://img.b2bpic.net/free-photo/sincere-emotions-positive-feelings-concept-happy-pleased-woman-smiles-broadly-keeps-hand-chest-laughs-funny-story-dressed-casual-sweater-isolated-orange-wall_273609-47742.jpg",
-        },
+        { id: "1", name: "Sarah J.", role: "CEO", testimonial: "Exceptional work! Banakar transformed our business.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-231.jpg" },
+        { id: "2", name: "Mark D.", role: "Founder", testimonial: "Professional, reliable, and highly creative. Truly impressed.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-glasses-grey-coat-standing-office-holding-laptop-looking-camera_197531-30493.jpg" },
+        { id: "3", name: "Emily R.", role: "Marketing", testimonial: "A game changer for our brand identity.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-copy-space_23-2149636314.jpg" },
      ]}
      title="Loved by Our Partners"
      description="Hear what our clients have to say about working with us."
@@ -181,31 +106,9 @@ export default function LandingPage() {
      mediaAnimation="slide-up"
      faqsAnimation="slide-up"
      faqs={[
-        {
-          id: "faq1",
-          title: "How do we start?",
-          content: "Simply reach out via our contact form and we'll schedule a discovery call.",
-        },
-        {
-          id: "faq2",
-          title: "What is your timeline?",
-          content: "Timelines vary by project size, but we prioritize clear communication.",
-        },
-        {
-          id: "faq3",
-          title: "Do you offer maintenance?",
-          content: "Yes, we provide ongoing support and maintenance packages post-launch.",
-        },
-        {
-          id: "faq4",
-          title: "Where are you located?",
-          content: "We operate as a global team, delivering world-class results remotely.",
-        },
-        {
-          id: "faq5",
-          title: "How is pricing calculated?",
-          content: "Pricing is project-based depending on scope, complexity, and specific requirements.",
-        },
+        { id: "faq1", title: "How do we start?", content: "Simply reach out via our contact form and we'll schedule a discovery call." },
+        { id: "faq2", title: "What is your timeline?", content: "Timelines vary by project size, but we prioritize clear communication." },
+        { id: "faq3", title: "Do you offer maintenance?", content: "Yes, we provide ongoing support and maintenance packages post-launch." },
      ]}
    />
  </div>
@@ -215,36 +118,13 @@ export default function LandingPage() {
      imageSrc="http://img.b2bpic.net/free-photo/multi-colored-psychedelic-background_23-2148805307.jpg?_wi=2"
      logoText="Banakar"
      columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms", href: "#" }] },
      ]}
+      copyrightText="© 2025 | Banakar Digital Services"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
Author	SHA1	Message	Date
bender	9127e11d44	Update src/app/faq/page.tsx	2026-04-04 05:03:24 +00:00
bender	47fc96e340	Update src/app/contact/page.tsx	2026-04-04 05:03:23 +00:00
bender	014173fbf9	Update src/app/about/page.tsx	2026-04-04 05:03:23 +00:00
bender	8d05a5b9b1	Update src/app/faq/page.tsx	2026-04-04 05:02:59 +00:00
bender	9e49c180a2	Update src/app/contact/page.tsx	2026-04-04 05:02:59 +00:00
bender	50176b830d	Update src/app/about/page.tsx	2026-04-04 05:02:58 +00:00
bender	fb189caddf	Update src/app/page.tsx	2026-04-04 05:02:31 +00:00
bender	0f69019f3a	Add src/app/faq/page.tsx	2026-04-04 05:02:30 +00:00
bender	d61522e4cb	Add src/app/contact/page.tsx	2026-04-04 05:02:30 +00:00
bender	3408a5cb65	Add src/app/about/page.tsx	2026-04-04 05:02:29 +00:00
bender	3b8dfe8fee	Merge version_1 into main Merge version_1 into main	2026-04-04 05:00:30 +00:00