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