Merge version_1 into main #3
207
src/app/page.tsx
207
src/app/page.tsx
@@ -25,116 +25,115 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Available Spaces", id: "/spaces" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Thrive Professional Center"
|
||||
button={{
|
||||
text: "Schedule a Tour", href: "/contact"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Available Spaces", id: "/spaces" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Contact", id: "/contact" },
|
||||
]}
|
||||
brandName="Thrive Professional Center"
|
||||
button={{ text: "Schedule a Tour", href: "/contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Flexible Office Space in Charles Town"
|
||||
description="Private, professional suites built for entrepreneurs, small businesses, and growing teams."
|
||||
testimonials={[
|
||||
{ name: "Alex R.", handle: "Small Business Owner", testimonial: "Great offices for rent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg" },
|
||||
{ name: "Jamie L.", handle: "Entrepreneur", testimonial: "The space was amazing, with two rooms, a small kitchen, and a private bathroom.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
|
||||
{ name: "Morgan S.", handle: "Creative Consultant", testimonial: "Great place and people! 5 stars well deserved!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-cloth-designer-with-laptop_1163-2042.jpg" },
|
||||
{ name: "Jordan P.", handle: "Remote Pro", testimonial: "Very professional and quiet environment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ name: "Taylor K.", handle: "Startup Founder", testimonial: "Best office location in Charles Town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Tour", href: "/contact" }, { text: "Call (304) 885-8621", href: "tel:3048858621" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg", alt: "Portrait of handsome intellegent man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg", alt: "young businessman happy expression" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", alt: "Portrait of handsome bearded stylish male" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", alt: "Young attractive emotional girl in business" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", alt: "Portrait of a successful businesswoman" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlayTestimonial
|
||||
title="Flexible Office Space in Charles Town"
|
||||
description="Private, professional suites built for entrepreneurs, small businesses, and growing teams."
|
||||
testimonials={[
|
||||
{ name: "Alex R.", handle: "Small Business Owner", testimonial: "Great offices for rent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg" },
|
||||
{ name: "Jamie L.", handle: "Entrepreneur", testimonial: "The space was amazing, with two rooms, a small kitchen, and a private bathroom.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg" },
|
||||
{ name: "Morgan S.", handle: "Creative Consultant", testimonial: "Great place and people! 5 stars well deserved!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-cloth-designer-with-laptop_1163-2042.jpg" },
|
||||
{ name: "Jordan P.", handle: "Remote Pro", testimonial: "Very professional and quiet environment.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-smiling_23-2148452672.jpg" },
|
||||
{ name: "Taylor K.", handle: "Startup Founder", testimonial: "Best office location in Charles Town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Schedule a Tour", href: "/contact" }, { text: "Call (304) 885-8621", href: "tel:3048858621" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-intellegent-man-suit-white-shirt-dark-photo-studio_613910-14922.jpg", alt: "Portrait of handsome intellegent man" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg", alt: "young businessman happy expression" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg", alt: "Portrait of handsome bearded stylish male" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", alt: "Young attractive emotional girl in business" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg", alt: "Portrait of a successful businesswoman" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Clean, Modern Professional Spaces"
|
||||
description="At Thrive Professional Center, we offer clean, modern office spaces designed to help you focus, grow, and succeed. Located in the heart of Charles Town, our suites provide the perfect balance of privacy and accessibility."
|
||||
metrics={[{ value: "24/7", title: "Access" }, { value: "Private", title: "Offices" }, { value: "Flexible", title: "Leasing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spacious-corridor-with-metal-doors_1203-591.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Clean, Modern Professional Spaces"
|
||||
description="At Thrive Professional Center, we offer clean, modern office spaces designed to help you focus, grow, and succeed. Located in the heart of Charles Town, our suites provide the perfect balance of privacy and accessibility."
|
||||
metrics={[{ value: "24/7", title: "Access" }, { value: "Private", title: "Offices" }, { value: "Flexible", title: "Leasing" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/spacious-corridor-with-metal-doors_1203-591.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Convenience", title: "24/7 Access", subtitle: "Work on your terms.", description: "Always-open facility for maximum flexibility.", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797732.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
{ tag: "Privacy", title: "Private Offices", subtitle: "Focus deeply.", description: "Dedicated quiet spaces for your business.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
{ tag: "Amenities", title: "Kitchenette Access", subtitle: "Take a break.", description: "Modern kitchen space for snacks and coffee.", imageSrc: "http://img.b2bpic.net/free-photo/spacious-corridor-with-metal-doors_1203-591.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
{ tag: "Parking", title: "On-Site Parking", subtitle: "Easy arrival.", description: "Ample parking for you and your guests.", imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149089.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
]}
|
||||
title="Why Choose Thrive?"
|
||||
description="Professional environment designed for productivity and growth."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNineteen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ tag: "Convenience", title: "24/7 Access", subtitle: "Work on your terms.", description: "Always-open facility for maximum flexibility.", imageSrc: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797732.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
{ tag: "Privacy", title: "Private Offices", subtitle: "Focus deeply.", description: "Dedicated quiet spaces for your business.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
{ tag: "Amenities", title: "Kitchenette Access", subtitle: "Take a break.", description: "Modern kitchen space for snacks and coffee.", imageSrc: "http://img.b2bpic.net/free-photo/spacious-corridor-with-metal-doors_1203-591.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
{ tag: "Parking", title: "On-Site Parking", subtitle: "Easy arrival.", description: "Ample parking for you and your guests.", imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149089.jpg", imageAlt: "View of modern and futuristic work space with furniture" },
|
||||
]}
|
||||
title="Why Choose Thrive?"
|
||||
description="Professional environment designed for productivity and growth."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ name: "User A", handle: "Role A", testimonial: "Testimonial A", rating: 5 },
|
||||
{ name: "User B", handle: "Role B", testimonial: "Testimonial B", rating: 5 }
|
||||
]}
|
||||
title="Testimonials"
|
||||
description="What our clients say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonial" data-section="testimonial">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Great service", quote: "Professional environment.", name: "User A", role: "Role A" },
|
||||
{ id: "2", title: "Very flexible", quote: "Best office in town.", name: "User B", role: "Role B" }
|
||||
]}
|
||||
title="Testimonials"
|
||||
description="What our clients say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[]}
|
||||
title="Our Team"
|
||||
description="Meet the team."
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[]}
|
||||
title="Our Team"
|
||||
description="Meet the team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Thrive Professional Center"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Available Spaces", href: "/spaces" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "(304) 885-8621", href: "tel:3048858621" },
|
||||
{ label: "303 W Washington St, Charles Town, WV", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="Thrive Professional Center"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Available Spaces", href: "/spaces" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{ label: "(304) 885-8621", href: "tel:3048858621" },
|
||||
{ label: "303 W Washington St, Charles Town, WV", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user