Merge version_1 into main #1
277
src/app/page.tsx
277
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Floor Plans",
|
||||
id: "#floorplans",
|
||||
},
|
||||
name: "Floor Plans", id: "#floorplans"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Mosaic at Millenia"
|
||||
/>
|
||||
@@ -72,45 +56,28 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Welcome Home to Mosaic at Millenia"
|
||||
description="Experience unparalleled luxury and vibrant community living. Your dream apartment awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Floor Plans",
|
||||
href: "#floorplans",
|
||||
},
|
||||
text: "Explore Floor Plans", href: "#floorplans"},
|
||||
{
|
||||
text: "Schedule a Tour",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Schedule a Tour", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-dome-luxury-royal-hotel-bodrum-turkey_627829-7208.jpg",
|
||||
imageAlt: "Modern apartment building exterior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-view-dome-luxury-royal-hotel-bodrum-turkey_627829-7208.jpg", imageAlt: "Modern apartment building exterior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg",
|
||||
imageAlt: "Resort-style swimming pool",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg", imageAlt: "Resort-style swimming pool"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg",
|
||||
imageAlt: "State-of-the-art fitness center",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg", imageAlt: "State-of-the-art fitness center"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-interior-cozy-room-with-chair-home-decor-modern-interior-details-decor_169016-4204.jpg",
|
||||
imageAlt: "Spacious modern living room",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-interior-cozy-room-with-chair-home-decor-modern-interior-details-decor_169016-4204.jpg", imageAlt: "Spacious modern living room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728002.jpg",
|
||||
imageAlt: "Gourmet kitchen with island",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-working-together-professional-kitchen_23-2149728002.jpg", imageAlt: "Gourmet kitchen with island"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-surfing-laptop-bed_23-2147778898.jpg",
|
||||
imageAlt: "Luxurious master bedroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-surfing-laptop-bed_23-2147778898.jpg", imageAlt: "Luxurious master bedroom"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -136,19 +103,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"24/7 State-of-the-Art Fitness Center",
|
||||
"Resort-Style Swimming Pool & Spa",
|
||||
"Co-working Space & Resident Lounge",
|
||||
"Pet-Friendly Community & Dog Park",
|
||||
],
|
||||
"24/7 State-of-the-Art Fitness Center", "Resort-Style Swimming Pool & Spa", "Co-working Space & Resident Lounge", "Pet-Friendly Community & Dog Park"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Smart Home Technology in Every Unit",
|
||||
"Gourmet Kitchens with Stainless Steel Appliances",
|
||||
"Spacious Balconies & Patios",
|
||||
"In-Unit Washer & Dryer",
|
||||
],
|
||||
"Smart Home Technology in Every Unit", "Gourmet Kitchens with Stainless Steel Appliances", "Spacious Balconies & Patios", "In-Unit Washer & Dryer"],
|
||||
}}
|
||||
title="Amenities Designed for Modern Living"
|
||||
description="At Mosaic, every detail is crafted to enhance your lifestyle, offering a blend of convenience and luxury that sets us apart."
|
||||
@@ -165,59 +124,23 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "fp-studio",
|
||||
name: "The Serenity Studio",
|
||||
price: "Starting at $1,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-renovation-design-concept-with-scheme-different-rooms_273609-36971.jpg",
|
||||
imageAlt: "Studio apartment floor plan",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
},
|
||||
id: "fp-studio", name: "The Serenity Studio", price: "Starting at $1,800", imageSrc: "http://img.b2bpic.net/free-photo/home-renovation-design-concept-with-scheme-different-rooms_273609-36971.jpg", imageAlt: "Studio apartment floor plan", rating: 5,
|
||||
reviewCount: "15"},
|
||||
{
|
||||
id: "fp-onebed",
|
||||
name: "The Modern One-Bedroom",
|
||||
price: "Starting at $2,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-plans_23-2148819904.jpg",
|
||||
imageAlt: "One-bedroom apartment floor plan",
|
||||
rating: 5,
|
||||
reviewCount: "22",
|
||||
},
|
||||
id: "fp-onebed", name: "The Modern One-Bedroom", price: "Starting at $2,200", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-plans_23-2148819904.jpg", imageAlt: "One-bedroom apartment floor plan", rating: 5,
|
||||
reviewCount: "22"},
|
||||
{
|
||||
id: "fp-twobed",
|
||||
name: "The Dynamic Two-Bedroom",
|
||||
price: "Starting at $2,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004750.jpg",
|
||||
imageAlt: "Two-bedroom apartment floor plan",
|
||||
rating: 5,
|
||||
reviewCount: "30",
|
||||
},
|
||||
id: "fp-twobed", name: "The Dynamic Two-Bedroom", price: "Starting at $2,800", imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004750.jpg", imageAlt: "Two-bedroom apartment floor plan", rating: 5,
|
||||
reviewCount: "30"},
|
||||
{
|
||||
id: "fp-threebed",
|
||||
name: "The Grand Three-Bedroom",
|
||||
price: "Starting at $3,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paper-style-isolation-still-life-assortment_23-2148998861.jpg",
|
||||
imageAlt: "Three-bedroom apartment floor plan",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
},
|
||||
id: "fp-threebed", name: "The Grand Three-Bedroom", price: "Starting at $3,500", imageSrc: "http://img.b2bpic.net/free-photo/paper-style-isolation-still-life-assortment_23-2148998861.jpg", imageAlt: "Three-bedroom apartment floor plan", rating: 5,
|
||||
reviewCount: "18"},
|
||||
{
|
||||
id: "fp-loft",
|
||||
name: "The Urban Loft",
|
||||
price: "Starting at $2,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713055.jpg",
|
||||
imageAlt: "Loft apartment floor plan",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
},
|
||||
id: "fp-loft", name: "The Urban Loft", price: "Starting at $2,500", imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150713055.jpg", imageAlt: "Loft apartment floor plan", rating: 5,
|
||||
reviewCount: "10"},
|
||||
{
|
||||
id: "fp-penthouse",
|
||||
name: "The Premier Penthouse",
|
||||
price: "Starting at $4,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg",
|
||||
imageAlt: "Penthouse apartment floor plan",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
},
|
||||
id: "fp-penthouse", name: "The Premier Penthouse", price: "Starting at $4,500", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg", imageAlt: "Penthouse apartment floor plan", rating: 5,
|
||||
reviewCount: "8"},
|
||||
]}
|
||||
title="Explore Our Exquisite Floor Plans"
|
||||
description="From cozy studios to expansive three-bedroom homes, find the perfect space that complements your lifestyle at Mosaic at Millenia."
|
||||
@@ -232,39 +155,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "standard-lease",
|
||||
badge: "Standard",
|
||||
price: "$2,000 / month",
|
||||
subtitle: "12-month lease agreement",
|
||||
features: [
|
||||
"Access to all amenities",
|
||||
"24/7 Maintenance Support",
|
||||
"Standard parking included",
|
||||
],
|
||||
id: "standard-lease", badge: "Standard", price: "$2,000 / month", subtitle: "12-month lease agreement", features: [
|
||||
"Access to all amenities", "24/7 Maintenance Support", "Standard parking included"],
|
||||
},
|
||||
{
|
||||
id: "premium-lease",
|
||||
badge: "Premium",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$2,500 / month",
|
||||
subtitle: "12-month lease with added perks",
|
||||
features: [
|
||||
"Access to all amenities",
|
||||
"24/7 Maintenance Support",
|
||||
"Reserved parking spot",
|
||||
"Monthly cleaning service discount",
|
||||
],
|
||||
id: "premium-lease", badge: "Premium", badgeIcon: Sparkles,
|
||||
price: "$2,500 / month", subtitle: "12-month lease with added perks", features: [
|
||||
"Access to all amenities", "24/7 Maintenance Support", "Reserved parking spot", "Monthly cleaning service discount"],
|
||||
},
|
||||
{
|
||||
id: "short-term-lease",
|
||||
badge: "Flexible",
|
||||
price: "$2,800 / month",
|
||||
subtitle: "6-month lease agreement",
|
||||
features: [
|
||||
"Access to all amenities",
|
||||
"24/7 Maintenance Support",
|
||||
"Furnished options available",
|
||||
],
|
||||
id: "short-term-lease", badge: "Flexible", price: "$2,800 / month", subtitle: "6-month lease agreement", features: [
|
||||
"Access to all amenities", "24/7 Maintenance Support", "Furnished options available"],
|
||||
},
|
||||
]}
|
||||
title="Find Your Perfect Home"
|
||||
@@ -278,40 +179,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg",
|
||||
imageAlt: "Resident Sarah J.",
|
||||
content: "Living at Mosaic at Millenia has been an absolute dream. The amenities are top-notch, and the community vibe is fantastic. Highly recommend!",
|
||||
id: "t1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-coffee-shop-drinking-cappuccino-listening-funny-podcast-earphones-holding-smartphone-handsome-male-cafe-visitor-turns-favourite-song-mobile-phone-music-app_1258-314552.jpg", imageAlt: "Resident Sarah J."
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Michael T.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-smiling-medium-shot_23-2148329361.jpg",
|
||||
imageAlt: "Resident Michael T.",
|
||||
content: "The staff here is incredibly responsive and friendly. Any issue is handled promptly, and the location can't be beat. Truly a professional living experience.",
|
||||
id: "t2", name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-smiling-medium-shot_23-2148329361.jpg", imageAlt: "Resident Michael T."
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-moving-into-new-home-packing-unpacking-boxes-with-their-stuff-blonde-girl-with-long-hair-sitting-man-s-back_197531-1636.jpg",
|
||||
imageAlt: "Resident Emily R.",
|
||||
content: "We love our apartment! The modern design and spacious layout are exactly what we were looking for. It genuinely feels like home here.",
|
||||
id: "t3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-having-fun-while-moving-into-new-home-packing-unpacking-boxes-with-their-stuff-blonde-girl-with-long-hair-sitting-man-s-back_197531-1636.jpg", imageAlt: "Resident Emily R."
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-enjoying-homemade-figs-dish_23-2150304438.jpg",
|
||||
imageAlt: "Resident David L.",
|
||||
content: "From the moment I toured, I knew Mosaic was the place for me. The beautiful grounds and proximity to everything I need make it perfect.",
|
||||
id: "t4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-enjoying-homemade-figs-dish_23-2150304438.jpg", imageAlt: "Resident David L."
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-woman-posing-with-eco-friendly-bike_23-2148731241.jpg",
|
||||
imageAlt: "Resident Jessica M.",
|
||||
content: "The community events are a wonderful touch. It's easy to meet neighbors and feel connected. Best apartment community I've ever lived in!",
|
||||
},
|
||||
id: "t5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-woman-posing-with-eco-friendly-bike_23-2148731241.jpg", imageAlt: "Resident Jessica M."
|
||||
}
|
||||
]}
|
||||
cardTitle="What Our Residents Say"
|
||||
cardTag="Happy Homes"
|
||||
@@ -324,38 +205,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What amenities are included?",
|
||||
content: "Residents enjoy a state-of-the-art fitness center, resort-style pool, co-working space, resident lounge, and a dedicated dog park. Full list available upon request.",
|
||||
},
|
||||
id: "q1", title: "What amenities are included?", content: "Residents enjoy a state-of-the-art fitness center, resort-style pool, co-working space, resident lounge, and a dedicated dog park. Full list available upon request."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are pets allowed?",
|
||||
content: "Yes, Mosaic at Millenia is a pet-friendly community. Breed restrictions and pet fees may apply. Please contact our leasing office for more details.",
|
||||
},
|
||||
id: "q2", title: "Are pets allowed?", content: "Yes, Mosaic at Millenia is a pet-friendly community. Breed restrictions and pet fees may apply. Please contact our leasing office for more details."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What are the lease terms available?",
|
||||
content: "We offer flexible lease terms ranging from 6 to 18 months, with our most popular being 12-month agreements. Short-term options are also available.",
|
||||
},
|
||||
id: "q3", title: "What are the lease terms available?", content: "We offer flexible lease terms ranging from 6 to 18 months, with our most popular being 12-month agreements. Short-term options are also available."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How do I schedule a tour?",
|
||||
content: "You can schedule a tour by clicking the 'Schedule a Tour' button on our website, or by calling our leasing office directly. Virtual tours are also available.",
|
||||
},
|
||||
id: "q4", title: "How do I schedule a tour?", content: "You can schedule a tour by clicking the 'Schedule a Tour' button on our website, or by calling our leasing office directly. Virtual tours are also available."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, ample parking is available for residents. Covered and reserved parking options may be available at an additional fee.",
|
||||
},
|
||||
id: "q5", title: "Is parking available?", content: "Yes, ample parking is available for residents. Covered and reserved parking options may be available at an additional fee."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
sideDescription="Have more questions about living at Mosaic? Browse our FAQs or reach out to our team."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textPosition="left"
|
||||
@@ -367,8 +231,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get In Touch"
|
||||
title="Discover Your New Home"
|
||||
description="Ready to experience the Mosaic at Millenia lifestyle? Contact our leasing team today to schedule your personalized tour and learn more about current availability."
|
||||
@@ -387,45 +250,27 @@ export default function LandingPage() {
|
||||
logoText="Mosaic at Millenia"
|
||||
columns={[
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Features", href: "#features"},
|
||||
{
|
||||
label: "Floor Plans",
|
||||
href: "#floorplans",
|
||||
},
|
||||
label: "Floor Plans", href: "#floorplans"},
|
||||
{
|
||||
label: "Amenities",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Amenities", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact Us", href: "#contact"},
|
||||
{
|
||||
label: "Resident Portal",
|
||||
href: "#",
|
||||
},
|
||||
label: "Resident Portal", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user