Files
5e94e5cb-5cfe-4a8b-bb5e-027…/src/app/page.tsx
2026-05-09 23:08:21 +00:00

158 lines
7.8 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-shift"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="mediumSmall"
sizing="largeSmallSizeLargeTitles"
background="noiseDiagonalGradient"
cardStyle="inset"
primaryButtonStyle="shadow"
secondaryButtonStyle="radial-glow"
headingFontWeight="semibold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "home"},
{ name: "Find Rooms", id: "listings"},
{ name: "Founder", id: "founder"},
{ name: "Reviews", id: "reviews"},
{ name: "Contact", id: "contact"},
]}
brandName="Fariborz"
/>
</div>
<div id="home" data-section="home">
<HeroBillboardTestimonial
background={{ variant: "gradient-bars"}}
title="Fariborz: Your Home Away From Home in Turkey"
description="Find the perfect roommate or shared space across Turkey with our trusted community platform, now with enhanced filtering to match your exact needs."
testimonials={[
{ name: "Ali Yilmaz", handle: "@ali.y", testimonial: "I found a great apartment in Istanbul thanks to Fariborz. Easy and reliable!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/teamwork-cooperation-concept_273609-6355.jpg"},
{ name: "Zeynep Demir", handle: "@zey.dem", testimonial: "Excellent platform, very easy to use to find roommates in Ankara.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg"},
{ name: "Mehmet Oz", handle: "@mo.oz", testimonial: "Verified profiles made me feel safe. Highly recommend to students.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"},
]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/teamwork-cooperation-concept_273609-6355.jpg", alt: "User 1" },
{ src: "http://img.b2bpic.net/free-photo/closeup-pensive-beautiful-business-woman_1262-2981.jpg", alt: "User 2" },
{ src: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg", alt: "User 3" }
]}
avatarText="Trusted by our community"
buttons={[
{ text: "Find a Home", href: "#listings"},
{ text: "About Founder", href: "#founder"},
]}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-friends-spending-time-indoors_52683-91904.jpg"
/>
</div>
<div id="about" data-section="about">
<TextAbout
useInvertedBackground={false}
title="Connecting People for a Better Living Experience"
buttons={[{ text: "Browse Listings", href: "#listings"}]}
/>
</div>
<div id="listings" data-section="listings">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "1", name: "Modern Flat in Istanbul", price: "₺5,000/mo", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-teens-spending-time-together_23-2149604069.jpg?_wi=1"},
{ id: "2", name: "Shared Room in Ankara", price: "₺3,200/mo", imageSrc: "http://img.b2bpic.net/free-photo/house-interior-with-leather-couch-comfortable-bean-bag-awaiting-guests-arrive_482257-103861.jpg?_wi=1"},
{ id: "3", name: "Cozy Space in Izmir", price: "₺2,800/mo", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg?_wi=1"},
]}
title="Available Rooms & Roommates"
description="Explore curated spaces and roommate requests in major Turkish cities with our advanced filtering system."
/>
</div>
<div id="founder" data-section="founder">
<TeamCardFive
textboxLayout="inline-image"
useInvertedBackground={false}
animationType="slide-up"
team={[
{ id: "dr-saberi", name: "Dr. Saberi", role: "Founder, CEO & Lead Advisor", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVVIzEt5SeHDDzcTL9NoGz0wwq/uploaded-1778367196749-db6isjtu.jpg"},
]}
title="Our Founder: Dr. Saberi"
description="Dr. Saberi founded Fariborz with a mission to simplify housing for international students and professionals. He brings years of experience in communal living research and personally oversees our safety verification processes."
/>
</div>
<div id="reviews" data-section="reviews">
<TestimonialCardOne
title="Roommate & Owner Experiences"
description="Real feedback from members of our community regarding their living experiences and roommate interactions."
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Sarah J.", role: "Flatmate", company: "Istanbul", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-teens-spending-time-together_23-2149604069.jpg?_wi=2" },
{ id: "2", name: "Omar K.", role: "Owner", company: "Ankara", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/house-interior-with-leather-couch-comfortable-bean-bag-awaiting-guests-arrive_482257-103861.jpg?_wi=2" },
{ id: "3", name: "Elena V.", role: "Flatmate", company: "Izmir", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg?_wi=2" },
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={true}
faqs={[
{ id: "1", title: "How to register?", content: "Simply sign up with your email and verify your profile."},
{ id: "2", title: "Are profiles verified?", content: "Yes, we prioritize safety by verifying user identity documents."},
{ id: "3", title: "Is it free to use?", content: "Basic features are free, with premium options for higher visibility."},
]}
title="Frequently Asked Questions"
description="Have questions about using Fariborz? We have answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{ variant: "plain"}}
tag="Get in Touch"
title="Need Help Finding a Roommate?"
description="Our support team is available 24/7 to assist you in English, Persian, Arabic, Russian, and Turkish."
buttons={[{ text: "Email Us", href: "mailto:support@fariborz.com"}]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Fariborz"
columns={[
{ title: "Links", items: [{ label: "Find Rooms", href: "#listings"}, { label: "Founder Info", href: "#founder"}] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq"}, { label: "Contact", href: "#contact"}] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}