Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -29,44 +29,27 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Living Room",
|
||||
id: "#living-room",
|
||||
},
|
||||
name: "Living Room", id: "#living-room"},
|
||||
{
|
||||
name: "Kitchen",
|
||||
id: "#kitchen",
|
||||
},
|
||||
name: "Kitchen", id: "#kitchen"},
|
||||
{
|
||||
name: "Bedroom",
|
||||
id: "#bedroom",
|
||||
},
|
||||
name: "Bedroom", id: "#bedroom"},
|
||||
{
|
||||
name: "Outdoor",
|
||||
id: "#infinity-pool",
|
||||
},
|
||||
name: "Outdoor", id: "#infinity-pool"},
|
||||
{
|
||||
name: "Rooftop",
|
||||
id: "#rooftop",
|
||||
},
|
||||
name: "Rooftop", id: "#rooftop"},
|
||||
{
|
||||
name: "Inquire",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Inquire", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/house-luxury-logo_343694-1360.jpg"
|
||||
logoAlt="Casa Nova Logo"
|
||||
brandName="Casa Nova"
|
||||
button={{
|
||||
text: "Explore the House",
|
||||
}}
|
||||
text: "Explore the House"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,9 +61,7 @@ export default function LandingPage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore the House",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore the House", href: "#about"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/view-futuristic-lighting-lamp-design_23-2151037460.jpg"
|
||||
@@ -90,25 +71,15 @@ export default function LandingPage() {
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",
|
||||
alt: "Professional architect",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", alt: "Professional architect"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
|
||||
alt: "Satisfied client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg", alt: "Satisfied client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg",
|
||||
alt: "Luxury homeowner",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-taking-care-electric-car_23-2149362809.jpg", alt: "Luxury homeowner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/profile-charming-woman-with-long-fair-haired-perfect-skin_8353-11307.jpg",
|
||||
alt: "Elegant woman",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/profile-charming-woman-with-long-fair-haired-perfect-skin_8353-11307.jpg", alt: "Elegant woman"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213611.jpg",
|
||||
alt: "Design enthusiast",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-painter-studio-using-watercolor-his-art_23-2150213611.jpg", alt: "Design enthusiast"},
|
||||
]}
|
||||
avatarText="Over 10,000 satisfied clients"
|
||||
/>
|
||||
@@ -119,20 +90,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting Dreams into Reality",
|
||||
},
|
||||
type: "text", content: "Crafting Dreams into Reality"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/facade-modern-office-skyscraper-geometric-architectural-lines-create-unique-background_169016-72710.jpg",
|
||||
alt: "high-end architectural render modern building",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/facade-modern-office-skyscraper-geometric-architectural-lines-create-unique-background_169016-72710.jpg", alt: "high-end architectural render modern building"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Vision",
|
||||
href: "#",
|
||||
},
|
||||
text: "Our Vision", href: "#"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -143,39 +107,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "living-room-p1",
|
||||
name: "Panoramic Views",
|
||||
price: "Price on Request",
|
||||
variant: "Living Space",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp-wood-decor-loft-style_105762-2259.jpg",
|
||||
imageAlt: "Panoramic living room with stunning views",
|
||||
},
|
||||
id: "living-room-p1", name: "Panoramic Views", price: "Price on Request", variant: "Living Space", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp-wood-decor-loft-style_105762-2259.jpg", imageAlt: "Panoramic living room with stunning views"},
|
||||
{
|
||||
id: "living-room-p2",
|
||||
name: "Designer Furnishings",
|
||||
price: "Price on Request",
|
||||
variant: "Interior Design",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/living-room-design-with-fireplace_23-2148848703.jpg",
|
||||
imageAlt: "Modern designer furniture in the living room",
|
||||
},
|
||||
id: "living-room-p2", name: "Designer Furnishings", price: "Price on Request", variant: "Interior Design", imageSrc: "http://img.b2bpic.net/free-photo/living-room-design-with-fireplace_23-2148848703.jpg", imageAlt: "Modern designer furniture in the living room"},
|
||||
{
|
||||
id: "living-room-p3",
|
||||
name: "Ambient Lighting",
|
||||
price: "Price on Request",
|
||||
variant: "Atmosphere",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-living-room-with-large-windows-forest-view_23-2152008233.jpg",
|
||||
imageAlt: "Warm ambient lighting in a luxury living room",
|
||||
},
|
||||
id: "living-room-p3", name: "Ambient Lighting", price: "Price on Request", variant: "Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/luxury-living-room-with-large-windows-forest-view_23-2152008233.jpg", imageAlt: "Warm ambient lighting in a luxury living room"},
|
||||
{
|
||||
id: "living-room-p4",
|
||||
name: "Refined Details",
|
||||
price: "Price on Request",
|
||||
variant: "Finishings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg",
|
||||
imageAlt: "Close-up of refined architectural details in the living room",
|
||||
},
|
||||
id: "living-room-p4", name: "Refined Details", price: "Price on Request", variant: "Finishings", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-decorated-round-table-with-natural-fir-branch-candle-two-flutes-plates-against-classic-sofa-modern-apartment_132075-11394.jpg", imageAlt: "Close-up of refined architectural details in the living room"},
|
||||
]}
|
||||
title="The Grand Salon"
|
||||
description="Spacious and elegant, designed for luxurious comfort and seamless entertaining."
|
||||
@@ -187,39 +128,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "kitchen-p1",
|
||||
name: "Gourmet Island",
|
||||
price: "Price on Request",
|
||||
variant: "Central Hub",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-holding-bowl_23-2149072942.jpg",
|
||||
imageAlt: "Large gourmet kitchen island with modern design",
|
||||
},
|
||||
id: "kitchen-p1", name: "Gourmet Island", price: "Price on Request", variant: "Central Hub", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-pregnant-woman-holding-bowl_23-2149072942.jpg", imageAlt: "Large gourmet kitchen island with modern design"},
|
||||
{
|
||||
id: "kitchen-p2",
|
||||
name: "Integrated Appliances",
|
||||
price: "Price on Request",
|
||||
variant: "Seamless Tech",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/part-kitchen-interior-with-utensils-fruits-table-modern-kitchen_169016-15714.jpg",
|
||||
imageAlt: "Modern kitchen with seamlessly integrated appliances",
|
||||
},
|
||||
id: "kitchen-p2", name: "Integrated Appliances", price: "Price on Request", variant: "Seamless Tech", imageSrc: "http://img.b2bpic.net/free-photo/part-kitchen-interior-with-utensils-fruits-table-modern-kitchen_169016-15714.jpg", imageAlt: "Modern kitchen with seamlessly integrated appliances"},
|
||||
{
|
||||
id: "kitchen-p3",
|
||||
name: "Custom Cabinetry",
|
||||
price: "Price on Request",
|
||||
variant: "Storage Solutions",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-female-hands-background-sideboard-with-beautiful-vintage-dishes_169016-16049.jpg",
|
||||
imageAlt: "Custom wooden cabinetry in a luxury kitchen",
|
||||
},
|
||||
id: "kitchen-p3", name: "Custom Cabinetry", price: "Price on Request", variant: "Storage Solutions", imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-female-hands-background-sideboard-with-beautiful-vintage-dishes_169016-16049.jpg", imageAlt: "Custom wooden cabinetry in a luxury kitchen"},
|
||||
{
|
||||
id: "kitchen-p4",
|
||||
name: "Designer Fixtures",
|
||||
price: "Price on Request",
|
||||
variant: "Elegant Details",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-flow-foamy-water-warm-backlight_169016-69336.jpg",
|
||||
imageAlt: "Close-up of elegant kitchen fixtures and sink",
|
||||
},
|
||||
id: "kitchen-p4", name: "Designer Fixtures", price: "Price on Request", variant: "Elegant Details", imageSrc: "http://img.b2bpic.net/free-photo/black-faucet-flow-foamy-water-warm-backlight_169016-69336.jpg", imageAlt: "Close-up of elegant kitchen fixtures and sink"},
|
||||
]}
|
||||
title="Culinary Masterpiece"
|
||||
description="A chef's dream, featuring state-of-the-art appliances and exquisite finishes."
|
||||
@@ -231,39 +149,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "bedroom-p1",
|
||||
name: "Master Suite",
|
||||
price: "Price on Request",
|
||||
variant: "Luxury Living",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118986.jpg",
|
||||
imageAlt: "Luxurious master bedroom with minimalist design",
|
||||
},
|
||||
id: "bedroom-p1", name: "Master Suite", price: "Price on Request", variant: "Luxury Living", imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118986.jpg", imageAlt: "Luxurious master bedroom with minimalist design"},
|
||||
{
|
||||
id: "bedroom-p2",
|
||||
name: "Private Lounge",
|
||||
price: "Price on Request",
|
||||
variant: "Relaxation Zone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-inscription-home-living-room_169016-5186.jpg",
|
||||
imageAlt: "Elegant private lounge area within the master bedroom",
|
||||
},
|
||||
id: "bedroom-p2", name: "Private Lounge", price: "Price on Request", variant: "Relaxation Zone", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-wooden-inscription-home-living-room_169016-5186.jpg", imageAlt: "Elegant private lounge area within the master bedroom"},
|
||||
{
|
||||
id: "bedroom-p3",
|
||||
name: "Walk-in Closet",
|
||||
price: "Price on Request",
|
||||
variant: "Storage & Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13063.jpg",
|
||||
imageAlt: "Spacious walk-in closet with custom organization",
|
||||
},
|
||||
id: "bedroom-p3", name: "Walk-in Closet", price: "Price on Request", variant: "Storage & Style", imageSrc: "http://img.b2bpic.net/free-photo/black-wooden-wardrobe-decorated-with-blinds-wardrobe-with-blinds-decoration_169016-13063.jpg", imageAlt: "Spacious walk-in closet with custom organization"},
|
||||
{
|
||||
id: "bedroom-p4",
|
||||
name: "Spa-like Ensuite",
|
||||
price: "Price on Request",
|
||||
variant: "Personal Sanctuary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-white-bathtub-decoration_1203-3390.jpg",
|
||||
imageAlt: "Modern spa-like ensuite bathroom",
|
||||
},
|
||||
id: "bedroom-p4", name: "Spa-like Ensuite", price: "Price on Request", variant: "Personal Sanctuary", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-white-bathtub-decoration_1203-3390.jpg", imageAlt: "Modern spa-like ensuite bathroom"},
|
||||
]}
|
||||
title="Serene Retreat"
|
||||
description="Unwind in the lavish primary suite, a sanctuary of peace and sophisticated comfort."
|
||||
@@ -275,39 +170,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "pool-p1",
|
||||
name: "Infinity Pool",
|
||||
price: "Price on Request",
|
||||
variant: "Aqua Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/national-september-11-memorial_1368-6221.jpg",
|
||||
imageAlt: "Stunning infinity pool with breathtaking views",
|
||||
},
|
||||
id: "pool-p1", name: "Infinity Pool", price: "Price on Request", variant: "Aqua Luxury", imageSrc: "http://img.b2bpic.net/free-photo/national-september-11-memorial_1368-6221.jpg", imageAlt: "Stunning infinity pool with breathtaking views"},
|
||||
{
|
||||
id: "pool-p2",
|
||||
name: "Outdoor Lounge",
|
||||
price: "Price on Request",
|
||||
variant: "Relaxation Zone",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sea-beautiful-blue-deck-lounge_1203-6241.jpg",
|
||||
imageAlt: "Luxurious outdoor lounge area by the pool",
|
||||
},
|
||||
id: "pool-p2", name: "Outdoor Lounge", price: "Price on Request", variant: "Relaxation Zone", imageSrc: "http://img.b2bpic.net/free-photo/sea-beautiful-blue-deck-lounge_1203-6241.jpg", imageAlt: "Luxurious outdoor lounge area by the pool"},
|
||||
{
|
||||
id: "pool-p3",
|
||||
name: "Landscaped Gardens",
|
||||
price: "Price on Request",
|
||||
variant: "Green Sanctuary",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg",
|
||||
imageAlt: "Meticulously landscaped gardens surrounding the house",
|
||||
},
|
||||
id: "pool-p3", name: "Landscaped Gardens", price: "Price on Request", variant: "Green Sanctuary", imageSrc: "http://img.b2bpic.net/free-photo/cement-walkway-garden_1252-1024.jpg", imageAlt: "Meticulously landscaped gardens surrounding the house"},
|
||||
{
|
||||
id: "pool-p4",
|
||||
name: "Fire Pit",
|
||||
price: "Price on Request",
|
||||
variant: "Evening Ambiance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg",
|
||||
imageAlt: "Modern outdoor fire pit for evening gatherings",
|
||||
},
|
||||
id: "pool-p4", name: "Fire Pit", price: "Price on Request", variant: "Evening Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/stylish-caucasian-woman-trendy-panama-waist-neon-bag-roof-bangkok-with-mobile-phone_343596-30.jpg", imageAlt: "Modern outdoor fire pit for evening gatherings"},
|
||||
]}
|
||||
title="Oasis of Tranquility"
|
||||
description="Breathtaking infinity pool and meticulously landscaped gardens provide ultimate relaxation."
|
||||
@@ -319,39 +191,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "rooftop-p1",
|
||||
name: "Sunset Views",
|
||||
price: "Price on Request",
|
||||
variant: "Golden Hour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/step-transport-scene-blue-abstract-urban_1417-1066.jpg",
|
||||
imageAlt: "Rooftop terrace with stunning sunset city views",
|
||||
},
|
||||
id: "rooftop-p1", name: "Sunset Views", price: "Price on Request", variant: "Golden Hour", imageSrc: "http://img.b2bpic.net/free-photo/step-transport-scene-blue-abstract-urban_1417-1066.jpg", imageAlt: "Rooftop terrace with stunning sunset city views"},
|
||||
{
|
||||
id: "rooftop-p2",
|
||||
name: "Al Fresco Dining",
|
||||
price: "Price on Request",
|
||||
variant: "Outdoor Entertaining",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-dress-summer-cafe-sunglasses-talking-phone_285396-6565.jpg",
|
||||
imageAlt: "Rooftop dining area with modern furniture",
|
||||
},
|
||||
id: "rooftop-p2", name: "Al Fresco Dining", price: "Price on Request", variant: "Outdoor Entertaining", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-white-dress-summer-cafe-sunglasses-talking-phone_285396-6565.jpg", imageAlt: "Rooftop dining area with modern furniture"},
|
||||
{
|
||||
id: "rooftop-p3",
|
||||
name: "Zen Garden",
|
||||
price: "Price on Request",
|
||||
variant: "Urban Oasis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748234.jpg",
|
||||
imageAlt: "Rooftop zen garden for relaxation",
|
||||
},
|
||||
id: "rooftop-p3", name: "Zen Garden", price: "Price on Request", variant: "Urban Oasis", imageSrc: "http://img.b2bpic.net/free-photo/view-water-tank-storage_23-2151748234.jpg", imageAlt: "Rooftop zen garden for relaxation"},
|
||||
{
|
||||
id: "rooftop-p4",
|
||||
name: "Architectural Railing",
|
||||
price: "Price on Request",
|
||||
variant: "Design Detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone-medium-shot_23-2148993861.jpg",
|
||||
imageAlt: "Modern glass railing on the rooftop terrace",
|
||||
},
|
||||
id: "rooftop-p4", name: "Architectural Railing", price: "Price on Request", variant: "Design Detail", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-talking-phone-medium-shot_23-2148993861.jpg", imageAlt: "Modern glass railing on the rooftop terrace"},
|
||||
]}
|
||||
title="Skyline Panoramas"
|
||||
description="Experience mesmerizing sunsets and panoramic city views from your private rooftop terrace."
|
||||
@@ -362,18 +211,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Begin Your Story Here.\nInquire About This Exclusive Property."
|
||||
buttons={[
|
||||
{
|
||||
text: "Schedule a Viewing",
|
||||
href: "#",
|
||||
},
|
||||
text: "Schedule a Viewing", href: "#"},
|
||||
{
|
||||
text: "Download Brochure",
|
||||
href: "#",
|
||||
},
|
||||
text: "Download Brochure", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -387,19 +231,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/casanova",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/casanova", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Image,
|
||||
href: "https://pinterest.com/casanova",
|
||||
ariaLabel: "Pinterest",
|
||||
},
|
||||
href: "https://pinterest.com/casanova", ariaLabel: "Pinterest"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "https://linkedin.com/company/casanova",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
href: "https://linkedin.com/company/casanova", ariaLabel: "LinkedIn"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user