Merge version_2 into main #3
200
src/app/page.tsx
200
src/app/page.tsx
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Code, Shield, Zap } from "lucide-react";
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
||||
import { Code, Shield, Zap, MapPin, Users, Globe } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -26,108 +26,102 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="IF-Tech"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Why Us", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Proof", id: "social-proof" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="IF-Tech"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Empowering Ivano-Frankivsk Through Digital Innovation"
|
||||
description="We architect high-performance software solutions to help your business scale locally and globally. Expert engineering meets professional design."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/accountant-busy-workplace-talking-with-colleagues-while-working_482257-126642.jpg"
|
||||
imageAlt="IF-Tech Digital Solutions"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg", alt: "Client A" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg", alt: "Client B" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/system-administrator-walking-data-center-used-managing-gear-energy_482257-116015.jpg", alt: "Client C" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg", alt: "Client D" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg", alt: "Client E" },
|
||||
]}
|
||||
avatarText="Trusted by 50+ local innovators"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Cloud Infrastructure" },
|
||||
{ type: "text", text: "SaaS Development" },
|
||||
{ type: "text", text: "UI/UX Design" },
|
||||
{ type: "text", text: "Data Analytics" },
|
||||
{ type: "text", text: "Cyber Security" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
title="Digital Solutions That Propel Ivano-Frankivsk Forward"
|
||||
description="We transform ambitious ideas into high-performance software. Partner with a local team that understands your market and delivers global quality."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
kpis={[
|
||||
{ value: "50+", label: "Projects Delivered" },
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
{ value: "24/7", label: "Support Coverage" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/accountant-busy-workplace-talking-with-colleagues-while-working_482257-126642.jpg"
|
||||
imageAlt="Ivano-Frankivsk Innovation"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Your Local Tech Partner in Ivano-Frankivsk"
|
||||
buttons={[{ text: "Our Approach", href: "#features" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
title="Why IF-Tech is Your Local Partner"
|
||||
description={[
|
||||
"We combine deep local expertise with modern engineering standards to bridge the gap between traditional business and digital transformation.", "Our approach centers on transparency, technical rigor, and a commitment to scaling your business effectively."
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Custom Software Engineering", description: "Bespoke SaaS platforms and robust enterprise applications built with modern stacks.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg", imageAlt: "Software Engineering"
|
||||
},
|
||||
items: [
|
||||
{ icon: Code, text: "Clean, scalable code" },
|
||||
{ icon: Shield, text: "High security standards" },
|
||||
{ icon: Zap, text: "Performance optimized" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Full-Cycle Digital Development"
|
||||
description="Comprehensive engineering, design, and deployment services tailored for the tech market."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
title="Tailored Engineering Solutions"
|
||||
description="Expertly crafted digital products that solve real business challenges."
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{
|
||||
title: "Custom Software Development", description: "Bespoke applications for efficiency and growth.", icon: Code,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/woman-property-engineer-searching-layout-details-laptop-office_482257-130146.jpg" }]
|
||||
},
|
||||
{
|
||||
title: "Data & Security", description: "Robust infrastructure and secure analytics architectures.", icon: Shield,
|
||||
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-walking-data-center-used-managing-gear-energy_482257-116015.jpg" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Oleksandr Bondar", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg" },
|
||||
{ id: "2", name: "Olena Melnyk", imageSrc: "http://img.b2bpic.net/free-photo/positive-guy-glasses-holding-tablet-looking_74855-3039.jpg" },
|
||||
{ id: "3", name: "Ivan Petrenko", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-walking-data-center-used-managing-gear-energy_482257-116015.jpg" },
|
||||
{ id: "4", name: "Maria Hrytsenko", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg" },
|
||||
{ id: "5", name: "Viktor Sydorenko", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg" },
|
||||
]}
|
||||
cardTitle="Client Success Stories"
|
||||
cardTag="Trusted by Leaders"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Proudly Serving Our Community"
|
||||
description="From local startups to established enterprises across the region."
|
||||
names={["Ivano-Frankivsk Hub", "Local Tech Partners", "Regional Innovators", "Global Clients"]
|
||||
}
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
text="Ready to bring your project to life in Ivano-Frankivsk? Let's discuss your goals."
|
||||
buttons={[{ text: "Send a Message", href: "mailto:hello@if-tech.ua" }]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Start Your Digital Journey"
|
||||
description="Tell us about your project requirements and let's build something great together."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Describe your project..." }}
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="IF-Tech"
|
||||
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
|
||||
rightLink={{ text: "Terms of Service", href: "/terms" }}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="IF-Tech"
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "/careers" }]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms", href: "/terms" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user