Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
194
src/app/page.tsx
194
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Our Craft",
|
||||
id: "about",
|
||||
},
|
||||
name: "Our Craft", id: "about"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "products",
|
||||
},
|
||||
name: "Projects", id: "products"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Grand House"
|
||||
/>
|
||||
@@ -58,47 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Luxury Interiors Crafted for Discerning Homes"
|
||||
description="Bespoke design meets meticulous craftsmanship. Every detail reflects your vision and our 15 years of excellence."
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Your Design Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Request Your Design Consultation", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-sculptures_23-2151002997.jpg",
|
||||
imageAlt: "Luxury Interior 1",
|
||||
},
|
||||
id: "h1", imageSrc: "http://img.b2bpic.net/free-photo/handcrafted-wooden-decorative-sculptures_23-2151002997.jpg", imageAlt: "Luxury Interior 1"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-wardrobe-walk-closet_105762-2158.jpg",
|
||||
imageAlt: "Luxury Interior 2",
|
||||
},
|
||||
id: "h2", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-wardrobe-walk-closet_105762-2158.jpg", imageAlt: "Luxury Interior 2"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-touching-wood_23-2147773338.jpg",
|
||||
imageAlt: "Luxury Interior 3",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/carpentry-concept-with-man-touching-wood_23-2147773338.jpg", imageAlt: "Luxury Interior 3"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684456.jpg",
|
||||
imageAlt: "Luxury Interior 4",
|
||||
},
|
||||
id: "h4", imageSrc: "http://img.b2bpic.net/free-photo/dining-table-background-zoom-calls_23-2149684456.jpg", imageAlt: "Luxury Interior 4"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg",
|
||||
imageAlt: "Luxury Interior 5",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-comfortable-wooden-chairs-generated-by-ai_188544-18284.jpg", imageAlt: "Luxury Interior 5"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214749.jpg",
|
||||
imageAlt: "Luxury Interior 6",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-stone-wall-surface-used-interior-design_23-2151214749.jpg", imageAlt: "Luxury Interior 6"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -117,32 +86,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Bespoke Woodworking",
|
||||
tags: [
|
||||
"Artisanal",
|
||||
"Handcrafted",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821268.jpg",
|
||||
},
|
||||
id: "f1", title: "Bespoke Woodworking", tags: [
|
||||
"Artisanal", "Handcrafted"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821268.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Architectural Lighting",
|
||||
tags: [
|
||||
"Mood",
|
||||
"Functional",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg",
|
||||
},
|
||||
id: "f2", title: "Architectural Lighting", tags: [
|
||||
"Mood", "Functional"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-golden-suit-sits-cafe_8353-301.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Premium Material Selection",
|
||||
tags: [
|
||||
"Exclusive",
|
||||
"Sustainable",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-wooden-armchair_1232-1262.jpg",
|
||||
},
|
||||
id: "f3", title: "Premium Material Selection", tags: [
|
||||
"Exclusive", "Sustainable"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-leather-wooden-armchair_1232-1262.jpg"},
|
||||
]}
|
||||
title="Unrivaled Craftsmanship"
|
||||
description="True luxury is found in the details that endure."
|
||||
@@ -152,45 +106,22 @@ export default function LandingPage() {
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
textboxLayout="split"
|
||||
animationType="slide-up"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Penthouse Suite",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sofa-chair_74190-4522.jpg",
|
||||
},
|
||||
id: "p1", name: "Penthouse Suite", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/sofa-chair_74190-4522.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Grand Kitchen",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg",
|
||||
},
|
||||
id: "p2", name: "Grand Kitchen", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/workers-talking-phone-doing-paperwork_23-2147668775.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Master Sanctuary",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-standing-talking-colleagues_23-2147668768.jpg",
|
||||
},
|
||||
id: "p3", name: "Master Sanctuary", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/man-standing-talking-colleagues_23-2147668768.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Private Office",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199318.jpg",
|
||||
},
|
||||
id: "p4", name: "Private Office", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199318.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Elegant Foyer",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407605.jpg",
|
||||
},
|
||||
id: "p5", name: "Elegant Foyer", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-daily-activities-minimal-decorated-room_23-2150407605.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Spa Bathroom",
|
||||
price: "Custom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-spa-bathroom-with-nature-view_23-2152008204.jpg",
|
||||
},
|
||||
id: "p6", name: "Spa Bathroom", price: "Custom", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-spa-bathroom-with-nature-view_23-2152008204.jpg"},
|
||||
]}
|
||||
title="Our Recent Masterpieces"
|
||||
description="Showcasing transformative work for high-end residential clients."
|
||||
@@ -203,45 +134,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Transformative",
|
||||
quote: "Grand House turned our home into a masterpiece.",
|
||||
name: "Sarah J.",
|
||||
role: "CEO",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-discussing-renovation-project_74855-2976.jpg",
|
||||
},
|
||||
id: "t1", title: "Transformative", quote: "Grand House turned our home into a masterpiece.", name: "Sarah J.", role: "CEO", imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-couple-discussing-renovation-project_74855-2976.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Excellence",
|
||||
quote: "Their craftsmanship is simply unmatched.",
|
||||
name: "Michael R.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-makes-thumbs-up-having-fun_114579-15856.jpg",
|
||||
},
|
||||
id: "t2", title: "Excellence", quote: "Their craftsmanship is simply unmatched.", name: "Michael R.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-makes-thumbs-up-having-fun_114579-15856.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Visionary",
|
||||
quote: "They captured my style perfectly.",
|
||||
name: "Emily P.",
|
||||
role: "Architect",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg",
|
||||
},
|
||||
id: "t3", title: "Visionary", quote: "They captured my style perfectly.", name: "Emily P.", role: "Architect", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-taking-notes_23-2149546195.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Flawless",
|
||||
quote: "A smooth, rewarding experience.",
|
||||
name: "David L.",
|
||||
role: "Collector",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg",
|
||||
},
|
||||
id: "t4", title: "Flawless", quote: "A smooth, rewarding experience.", name: "David L.", role: "Collector", imageSrc: "http://img.b2bpic.net/free-photo/modern-woman-drinking-coffee_23-2148020563.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Perfection",
|
||||
quote: "Stunning quality in every room.",
|
||||
name: "Anna K.",
|
||||
role: "Creative",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photography-artist-working-editing-project-studio_482257-17658.jpg",
|
||||
},
|
||||
id: "t5", title: "Perfection", quote: "Stunning quality in every room.", name: "Anna K.", role: "Creative", imageSrc: "http://img.b2bpic.net/free-photo/photography-artist-working-editing-project-studio_482257-17658.jpg"},
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="Discerning clients trust us with their visions."
|
||||
@@ -254,27 +155,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What is the typical project timeline?",
|
||||
content: "Depending on scope, projects typically range from 3–9 months.",
|
||||
},
|
||||
id: "q1", title: "What is the typical project timeline?", content: "Depending on scope, projects typically range from 3–9 months."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you handle new builds?",
|
||||
content: "Yes, we specialize in luxury interior planning for new residential builds.",
|
||||
},
|
||||
id: "q2", title: "Do you handle new builds?", content: "Yes, we specialize in luxury interior planning for new residential builds."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How do you handle budget transparency?",
|
||||
content: "Every project begins with a detailed, phased cost estimate.",
|
||||
},
|
||||
id: "q3", title: "How do you handle budget transparency?", content: "Every project begins with a detailed, phased cost estimate."},
|
||||
]}
|
||||
ctaTitle="Request Your Consultation"
|
||||
ctaDescription="We limit projects per quarter to ensure perfection. Contact us to start your transformation."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Us", href: "#"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -283,13 +173,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="GRAND HOUSE"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Contact Us", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user