Update src/app/page.tsx
This commit is contained in:
115
src/app/page.tsx
115
src/app/page.tsx
@@ -1,98 +1,67 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
'use client';
|
||||
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [{ name: 'Home', id: '/' }];
|
||||
|
||||
export default function Page() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLarge"
|
||||
background="blurBottom"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
brandName="Battla Impex"
|
||||
navItems={[
|
||||
{ name: "Process", id: "#process" },
|
||||
{ name: "Partners", id: "#partners" },
|
||||
{ name: "Capabilities", id: "#capabilities" }
|
||||
]}
|
||||
/>
|
||||
<NavbarLayoutFloatingOverlay navItems={navItems} />
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
logoText="Battla Impex"
|
||||
description="A world-class textile and manufacturing partner for the industry’s most iconic fashion brands."
|
||||
buttons={[{ text: "Experience Our Process", href: "#process" }]}
|
||||
mediaAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-waving-fabric-air_23-2151036763.jpg"
|
||||
imageAlt="Luxurious silk flowing"
|
||||
<HeroLogoBillboard
|
||||
logoText="Webild"
|
||||
description="Build your next generation website with our platform."
|
||||
buttons={[{ text: "Get Started", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="partners" data-section="partners">
|
||||
<SocialProofOne
|
||||
title="Our Partners in Style"
|
||||
description="The standards we set are the reasons these giants trust us with their collections."
|
||||
names={["J.", "SAPPHIRE", "EDENROBE", "DINERS", "KHAADI", "NISHAT", "BONANZA"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
<SocialProofOne
|
||||
names={["Google", "Microsoft", "Amazon", "Meta", "Apple"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="capabilities" data-section="capabilities">
|
||||
<FeatureCardThree
|
||||
title="The Three Pillars of Battla"
|
||||
description="Merging traditional craftsmanship with modern global technology."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
<FeatureCardThree
|
||||
title="Powerful Capabilities"
|
||||
description="Everything you need to scale your business."
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
features={[
|
||||
{
|
||||
title: "Uncompromising Precision", description: "Every stitch and fiber undergoes a rigorous 12-point quality check.", imageSrc: "http://img.b2bpic.net/free-photo/various-turquoise-colored-designer-fabrics-inside-textile-store_181624-14416.jpg", imageAlt: "textile embroidery machine needle macro"
|
||||
},
|
||||
{
|
||||
title: "Scalable Excellence", description: "From boutique runs to million-unit orders, we never miss a deadline.", imageSrc: "http://img.b2bpic.net/free-photo/spool-white-threads-scissors-workdesk_23-2147874979.jpg", imageAlt: "modern clothing manufacturing warehouse"
|
||||
},
|
||||
{
|
||||
title: "Global Vision", description: "Merging traditional craftsmanship with modern global tech.", imageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1385-1189.jpg", imageAlt: "intricate embroidery detail macro"
|
||||
}
|
||||
{ title: "High Speed", description: "Optimized performance for faster loading.", imageSrc: "https://images.unsplash.com/photo-1550751827-4bd374c3f58b?q=80&w=2000" },
|
||||
{ title: "Security", description: "Enterprise-grade security measures.", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?q=80&w=2000" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="Our Vision"
|
||||
description={["We are dedicated to building high-quality digital experiences.", "Our team is committed to innovation."]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFifteen
|
||||
testimonial="The best platform for our needs."
|
||||
rating={5}
|
||||
author="Jane Doe"
|
||||
avatars={[{ src: "https://i.pravatar.cc/100?u=jane", alt: "Jane Doe" }]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Battla Impex"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Our Process", href: "#process" },
|
||||
{ label: "Our Partners", href: "#partners" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 Battla Impex. All rights reserved."
|
||||
<FooterBaseReveal
|
||||
logoText="Webild"
|
||||
columns={[{ title: "Company", items: [{ label: "About", href: "#" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user