Merge version_2 into main #2
24
src/app/about/page.tsx
Normal file
24
src/app/about/page.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
"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>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]} brandName="Banakar" />
|
||||
<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}
|
||||
/>
|
||||
<FooterMedia logoText="Banakar" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
24
src/app/contact/page.tsx
Normal file
24
src/app/contact/page.tsx
Normal file
@@ -0,0 +1,24 @@
|
||||
"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>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]} brandName="Banakar" />
|
||||
<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}
|
||||
/>
|
||||
<FooterMedia logoText="Banakar" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
26
src/app/faq/page.tsx
Normal file
26
src/app/faq/page.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
"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>
|
||||
<ReactLenis root>
|
||||
<NavbarStyleFullscreen navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "FAQ", id: "/faq" }, { name: "Contact", id: "/contact" }]} brandName="Banakar" />
|
||||
<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"
|
||||
/>
|
||||
<FooterMedia logoText="Banakar" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
164
src/app/page.tsx
164
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user