Merge version_2 into main #3

Merged
bender merged 3 commits from version_2 into main 2026-04-04 05:03:02 +00:00
3 changed files with 47 additions and 29 deletions

View File

@@ -8,16 +8,22 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function AboutPage() {
return (
<ThemeProvider>
<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>
<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: "/" }] }]} />
<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" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -8,16 +8,22 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function ContactPage() {
return (
<ThemeProvider>
<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>
<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: "/" }] }]} />
<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" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
</div>
</ReactLenis>
</ThemeProvider>
);

View File

@@ -8,18 +8,24 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function FAQPage() {
return (
<ThemeProvider>
<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>
<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: "/" }] }]} />
<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" columns={[{ title: "Company", items: [{ label: "Home", href: "/" }] }]} />
</div>
</ReactLenis>
</ThemeProvider>
);