181 lines
10 KiB
TypeScript
181 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Sparkles, Mail, Globe, Code, Palette, Zap, Search, TrendingUp } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmallSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Work", id: "portfolio" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
{ name: "Careers", id: "#" }
|
|
]}
|
|
brandName="Join Way"
|
|
bottomLeftText="Creative Studio"
|
|
bottomRightText="hello@joinway.studio"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Elevate Your Digital Presence"
|
|
description="We craft stunning digital experiences that inspire, engage, and convert. Join Way is your partner in building the web studios and brands of tomorrow."
|
|
tag="Creative Studio"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "circleGradient" }}
|
|
buttons={[
|
|
{ text: "Explore Our Work", href: "portfolio" },
|
|
{ text: "Get Started", href: "contact" }
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg", imageAlt: "Portfolio showcase 1" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/business-team-working-busy-workplace-concept_53876-137638.jpg", imageAlt: "Portfolio showcase 2" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-interior-landing-page-design-template_23-2149263407.jpg?_wi=1", imageAlt: "Portfolio showcase 3" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/landing-page-template-with-color-year-2022_23-2149217369.jpg", imageAlt: "Portfolio showcase 4" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-vector/gradient-interior-landing-page-design-template_23-2149263407.jpg?_wi=2", imageAlt: "Portfolio showcase 5" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Who We Are"
|
|
description={[
|
|
"Join Way is a forward-thinking web studio dedicated to transforming visions into digital reality. We combine strategic thinking with creative excellence to deliver websites and digital experiences that matter.", "Our team of designers, developers, and strategists work collaboratively to understand your goals and create solutions that exceed expectations. We believe in the power of thoughtful design and cutting-edge technology to drive meaningful results."
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More", href: "#" }
|
|
]}
|
|
showBorder={false}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBorderGlow
|
|
title="Our Services"
|
|
description="We offer comprehensive digital solutions tailored to elevate your brand and drive growth in the digital landscape."
|
|
tag="What We Do"
|
|
features={[
|
|
{ icon: Globe, title: "Web Design", description: "Beautiful, responsive websites that engage users and drive conversions with modern design principles." },
|
|
{ icon: Code, title: "Web Development", description: "Robust, scalable web applications built with the latest technologies for optimal performance." },
|
|
{ icon: Palette, title: "Branding", description: "Strategic brand identity design that tells your story and connects with your target audience." },
|
|
{ icon: Zap, title: "UI/UX Design", description: "User-centered design solutions that create intuitive and delightful digital experiences." },
|
|
{ icon: Search, title: "SEO Optimization", description: "Strategic optimization to increase your online visibility and attract qualified traffic." },
|
|
{ icon: TrendingUp, title: "Digital Strategy", description: "Comprehensive strategies that align your digital presence with business objectives and market trends." }
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="portfolio" data-section="portfolio">
|
|
<ProductCardOne
|
|
title="Featured Projects"
|
|
description="Explore our latest work and see how we've helped brands transform their digital presence."
|
|
tag="Portfolio"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "1", name: "E-Commerce Platform", price: "Shopify + React", imageSrc: "http://img.b2bpic.net/free-vector/furniture-shop-ui-app-template_47987-1879.jpg", imageAlt: "E-commerce platform design" },
|
|
{ id: "2", name: "Corporate Branding", price: "Complete Identity", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-with-laptop-desk_23-2149636248.jpg", imageAlt: "Corporate branding project" },
|
|
{ id: "3", name: "SaaS Dashboard", price: "Web Application", imageSrc: "http://img.b2bpic.net/free-vector/creative-landing-page-template-with-login-form_125964-4623.jpg", imageAlt: "SaaS dashboard interface" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="What Our Clients Say"
|
|
description="Real feedback from brands we've partnered with to create digital excellence."
|
|
tag="Testimonials"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{ id: "1", name: "Sarah Johnson", role: "CEO", testimonial: "Join Way completely transformed our digital presence. Their attention to detail and creative vision resulted in a website that truly represents our brand.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1", imageAlt: "Portrait of Sarah Johnson" },
|
|
{ id: "2", name: "Michael Chen", role: "Marketing Director", testimonial: "Working with Join Way was a game-changer for our company. They delivered exceptional results on time and exceeded all our expectations.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=2", imageAlt: "Portrait of Michael Chen" },
|
|
{ id: "3", name: "Emily Rodriguez", role: "Founder", testimonial: "The team at Join Way demonstrated outstanding expertise and dedication. Our new website has significantly increased our conversion rates.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=3", imageAlt: "Portrait of Emily Rodriguez" },
|
|
{ id: "4", name: "David Kim", role: "Product Manager", testimonial: "Join Way brought our vision to life with stunning design and flawless execution. They're true partners in our success.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=4", imageAlt: "Portrait of David Kim" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
tag="Let's Connect"
|
|
title="Ready to Transform Your Digital Vision?"
|
|
description="Join Way is ready to help you create digital experiences that captivate and convert. Get in touch with our team today to discuss your project."
|
|
tagIcon={Mail}
|
|
background={{ variant: "circleGradient" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/workplace-with-laptop_23-2147651756.jpg"
|
|
imageAlt="Office workspace"
|
|
mediaAnimation="slide-up"
|
|
inputPlaceholder="Enter your email"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to our Privacy Policy and Terms of Service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Join Way"
|
|
copyrightText="© 2025 Join Way Studio. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Products", items: [
|
|
{ label: "Web Design", href: "#services" },
|
|
{ label: "Development", href: "#services" },
|
|
{ label: "Branding", href: "#services" }
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Portfolio", href: "#portfolio" },
|
|
{ label: "Careers", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
{ label: "LinkedIn", href: "https://linkedin.com" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|