bender/11c88d1a-ade0-47d4-bfae-d315e3d88252
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-03 01:56:19 +00:00
parent 162a18203e
commit f433df85a7
1 changed files with 71 additions and 249 deletions
Download Patch File Download Diff File Expand all files Collapse all files

320
src/app/page.tsx
View File

@@ -32,41 +32,25 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Portfolio",
id: "#portfolio",
},
name: "Portfolio", id: "#portfolio"},
{
name: "Process",
id: "#process",
},
name: "Process", id: "#process"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg"
logoAlt="360 Design Studio Logo"
brandName="360 Design Studio"
button={{
text: "Schedule a Consultation",
href: "#contact",
}}
text: "Schedule a Consultation", href: "#contact"}}
/>
</div>
@@ -76,11 +60,9 @@ export default function LandingPage() {
description="360 Design Studio transforms ideas into exceptional living spaces through custom home design, additions, 3D visualization, and comprehensive construction documents."
buttons={[
{
text: "Schedule a Consultation",
href: "#contact",
},
text: "Schedule a Consultation", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459254.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459254.jpg"
imageAlt="Striking custom home rendering with modern architecture"
showDimOverlay={false}
/>
@@ -93,23 +75,17 @@ export default function LandingPage() {
description="360 Design Studio is a client-focused architectural design practice dedicated to creating beautiful, functional, and buildable residential spaces. We combine innovative design with practical expertise to deliver homes that exceed expectations, from concept to construction."
metrics={[
{
value: "15+",
title: "Years Experience",
},
value: "15+", title: "Years Experience"},
{
value: "200+",
title: "Projects Completed",
},
value: "200+", title: "Projects Completed"},
{
value: "98%",
title: "Client Satisfaction",
},
value: "98%", title: "Client Satisfaction"},
]}
tag="Our Story"
imageSrc="http://img.b2bpic.net/free-photo/graphic-designer-gaming-industry-talking-detail-with-his-colleague-analyzing-3d-design-level-explaining-production-creative-ideas-game-creators-working-videogame-illustration-company-office_482257-28158.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/graphic-designer-gaming-industry-talking-detail-with-his-colleague-analyzing-3d-design-level-explaining-production-creative-ideas-game-creators-working-videogame-illustration-company-office_482257-28158.jpg"
imageAlt="Architectural design team collaborating in a modern studio"
mediaAnimation="entrance-slide"
metricsAnimation="entrance-slide"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -117,76 +93,37 @@ export default function LandingPage() {
<FeatureCardNine
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
title: "Custom Home Design",
description: "Design unique homes tailored to each client's lifestyle, vision, and budget.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-wine_1157-9003.jpg",
imageAlt: "Luxury custom home interior design",
},
title: "Custom Home Design", description: "Design unique homes tailored to each client's lifestyle, vision, and budget.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/lady-with-wine_1157-9003.jpg", imageAlt: "Luxury custom home interior design"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-building-with-big-windows-blue-sky_181624-5695.jpg",
imageAlt: "Modern home exterior with clean lines",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-messy-bun-hair-style_23-2149459254.jpg?_wi=2",
imageAlt: "luxury custom home interior open concept",
imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-building-with-big-windows-blue-sky_181624-5695.jpg", imageAlt: "Modern home exterior with clean lines"}
},
{
title: "Home Additions & Renovations",
description: "Create seamless additions and transformations that enhance existing homes while maximizing value and functionality.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666254.jpg",
imageAlt: "Seamless home addition exterior",
},
title: "Home Additions & Renovations", description: "Create seamless additions and transformations that enhance existing homes while maximizing value and functionality.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-house-design_23-2150666254.jpg", imageAlt: "Seamless home addition exterior"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-kitchen_1170-2792.jpg",
imageAlt: "Modern kitchen renovation interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg",
imageAlt: "luxury custom home interior open concept",
imageSrc: "http://img.b2bpic.net/free-photo/view-empty-kitchen_1170-2792.jpg", imageAlt: "Modern kitchen renovation interior"}
},
{
title: "3D Modeling",
description: "Develop detailed digital models that allow clients to fully understand and experience their projects before construction.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/architecture-background-design_1168-46.jpg",
imageAlt: "3D architectural wireframe model",
},
title: "3D Modeling", description: "Develop detailed digital models that allow clients to fully understand and experience their projects before construction.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-vector/architecture-background-design_1168-46.jpg", imageAlt: "3D architectural wireframe model"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/triple-recessed-led-spots-with-color-temperature-contrast-3d-render_363450-7886.jpg",
imageAlt: "3D interior walkthrough rendering",
},
imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-gaming-industry-talking-detail-with-his-colleague-analyzing-3d-design-level-explaining-production-creative-ideas-game-creators-working-videogame-illustration-company-office_482257-28158.jpg?_wi=2",
imageAlt: "luxury custom home interior open concept",
imageSrc: "http://img.b2bpic.net/free-photo/triple-recessed-led-spots-with-color-temperature-contrast-3d-render_363450-7886.jpg", imageAlt: "3D interior walkthrough rendering"}
},
{
title: "Photorealistic Renderings",
description: "Produce high-quality exterior and interior renderings that bring design concepts to life.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg",
imageAlt: "Photorealistic luxury home exterior rendering",
},
title: "Photorealistic Renderings", description: "Produce high-quality exterior and interior renderings that bring design concepts to life.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/chisinau-arena-sunset-moldova_1268-16015.jpg", imageAlt: "Photorealistic luxury home exterior rendering"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg",
imageAlt: "Photorealistic elegant bedroom interior rendering",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-architect-designing-plans-buildings-restorations-alterations_482257-112178.jpg",
imageAlt: "luxury custom home interior open concept",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg", imageAlt: "Photorealistic elegant bedroom interior rendering"}
},
{
title: "Construction Documents",
description: "Prepare accurate and comprehensive construction drawings ready for permitting, contractor pricing, and construction.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/designed-map-route-vacation_23-2148232407.jpg",
imageAlt: "Architectural construction blueprint documents",
},
title: "Construction Documents", description: "Prepare accurate and comprehensive construction drawings ready for permitting, contractor pricing, and construction.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/designed-map-route-vacation_23-2148232407.jpg", imageAlt: "Architectural construction blueprint documents"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/view-brick-brown-construction_23-2148252804.jpg?_wi=1",
imageAlt: "Detailed site plan with regulations",
},
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692269.jpg?_wi=1",
imageAlt: "luxury custom home interior open concept",
imageSrc: "http://img.b2bpic.net/free-photo/view-brick-brown-construction_23-2148252804.jpg", imageAlt: "Detailed site plan with regulations"}
},
]}
showStepNumbers={false}
@@ -200,55 +137,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="bento-grid"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "custom-home-1",
name: "Coastal Modern Retreat",
price: "Custom Home",
variant: "Luxury Design",
imageSrc: "http://img.b2bpic.net/free-photo/view-brick-brown-construction_23-2148252804.jpg?_wi=2",
imageAlt: "Large modern custom home with sleek lines",
},
id: "custom-home-1", name: "Coastal Modern Retreat", price: "Custom Home", variant: "Luxury Design", imageSrc: "http://img.b2bpic.net/free-photo/view-brick-brown-construction_23-2148252804.jpg", imageAlt: "Large modern custom home with sleek lines"},
{
id: "custom-home-2",
name: "Urban Contemporary Oasis",
price: "Custom Home",
variant: "Sustainable Living",
imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692269.jpg?_wi=2",
imageAlt: "Contemporary home with natural materials",
},
id: "custom-home-2", name: "Urban Contemporary Oasis", price: "Custom Home", variant: "Sustainable Living", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-modern-styled-entryway_23-2150692269.jpg", imageAlt: "Contemporary home with natural materials"},
{
id: "addition-1",
name: "Seamless Family Expansion",
price: "Home Addition",
variant: "Integrated Design",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918235.jpg",
imageAlt: "Elegant home extension with garden view",
},
id: "addition-1", name: "Seamless Family Expansion", price: "Home Addition", variant: "Integrated Design", imageSrc: "http://img.b2bpic.net/free-photo/luxury-holiday-home_23-2151918235.jpg", imageAlt: "Elegant home extension with garden view"},
{
id: "renovation-1",
name: "Historic Charm, Modern Living",
price: "Renovation",
variant: "Classic & Contemporary",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-pink-grey-house_181624-6246.jpg",
imageAlt: "Renovated historic home with modern interior",
},
id: "renovation-1", name: "Historic Charm, Modern Living", price: "Renovation", variant: "Classic & Contemporary", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-wooden-pink-grey-house_181624-6246.jpg", imageAlt: "Renovated historic home with modern interior"},
{
id: "3d-visual-1",
name: "Mediterranean Villa Rendering",
price: "3D Visualization",
variant: "Photorealistic",
imageSrc: "http://img.b2bpic.net/free-photo/panorama-chateau-vartely-winery-sunset-with-green-garden_1268-15701.jpg",
imageAlt: "Striking 3D rendering of a luxurious villa",
},
id: "3d-visual-1", name: "Mediterranean Villa Rendering", price: "3D Visualization", variant: "Photorealistic", imageSrc: "http://img.b2bpic.net/free-photo/panorama-chateau-vartely-winery-sunset-with-green-garden_1268-15701.jpg", imageAlt: "Striking 3D rendering of a luxurious villa"},
{
id: "3d-visual-2",
name: "Modern Loft Interior",
price: "3D Visualization",
variant: "Interior Perspective",
imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080264.jpg",
imageAlt: "Detailed interior living room rendering",
},
id: "3d-visual-2", name: "Modern Loft Interior", price: "3D Visualization", variant: "Interior Perspective", imageSrc: "http://img.b2bpic.net/free-photo/view-abstract-outdoors-daylight-shadows_23-2149080264.jpg", imageAlt: "Detailed interior living room rendering"},
]}
title="Featured Projects & Inspirations"
description="Explore our diverse portfolio of custom homes, thoughtful additions, and detailed visualizations that bring architectural dreams to life."
@@ -262,41 +164,23 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "process-1",
icon: Users,
title: "Initial Consultation",
value: "Understanding your vision, needs, and project scope.",
},
id: "process-1", icon: Users,
title: "Initial Consultation", value: "Understanding your vision, needs, and project scope."},
{
id: "process-2",
icon: Lightbulb,
title: "Concept Design",
value: "Developing initial sketches and spatial arrangements.",
},
id: "process-2", icon: Lightbulb,
title: "Concept Design", value: "Developing initial sketches and spatial arrangements."},
{
id: "process-3",
icon: Grid,
title: "Design Development",
value: "Refining designs, selecting materials, and incorporating feedback.",
},
id: "process-3", icon: Grid,
title: "Design Development", value: "Refining designs, selecting materials, and incorporating feedback."},
{
id: "process-4",
icon: Box,
title: "3D Visualization",
value: "Creating detailed models and photorealistic renderings.",
},
id: "process-4", icon: Box,
title: "3D Visualization", value: "Creating detailed models and photorealistic renderings."},
{
id: "process-5",
icon: FileText,
title: "Construction Documents",
value: "Preparing comprehensive drawings for permitting and build.",
},
id: "process-5", icon: FileText,
title: "Construction Documents", value: "Preparing comprehensive drawings for permitting and build."},
{
id: "process-6",
icon: LifeBuoy,
title: "Project Support",
value: "Offering guidance throughout the construction phase.",
},
id: "process-6", icon: LifeBuoy,
title: "Project Support", value: "Offering guidance throughout the construction phase."},
]}
title="Our Streamlined Design Process"
description="We guide you through a collaborative and transparent journey, from initial concept to the final construction documents, ensuring your vision is realized with precision."
@@ -309,50 +193,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "testimonial-1",
title: "Exceptional Vision",
quote: "360 Design Studio exceeded all our expectations. Their ability to translate our abstract ideas into a tangible, beautiful design was truly remarkable. We couldn't be happier with our new custom home!",
name: "Sarah J.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg",
imageAlt: "Sarah J. client testimonial",
},
id: "testimonial-1", title: "Exceptional Vision", quote: "360 Design Studio exceeded all our expectations. Their ability to translate our abstract ideas into a tangible, beautiful design was truly remarkable. We couldn't be happier with our new custom home!", name: "Sarah J.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-senior-woman-showing-thumbs-up_1262-5331.jpg", imageAlt: "Sarah J. client testimonial"},
{
id: "testimonial-2",
title: "Professional & Creative",
quote: "The team at 360 Design Studio is incredibly professional and creative. They made the renovation process smooth and enjoyable, delivering an addition that perfectly blends with our existing home while adding immense value.",
name: "Michael T.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-brown-suit-posing_23-2152023595.jpg",
imageAlt: "Michael T. client testimonial",
},
id: "testimonial-2", title: "Professional & Creative", quote: "The team at 360 Design Studio is incredibly professional and creative. They made the renovation process smooth and enjoyable, delivering an addition that perfectly blends with our existing home while adding immense value.", name: "Michael T.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-brown-suit-posing_23-2152023595.jpg", imageAlt: "Michael T. client testimonial"},
{
id: "testimonial-3",
title: "Stunning Visualizations",
quote: "The photorealistic renderings were a game-changer. We could truly visualize our project before construction, which gave us immense confidence. 360 Design Studio's attention to detail is unmatched.",
name: "Emily R.",
role: "Property Developer",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg",
imageAlt: "Emily R. client testimonial",
},
id: "testimonial-3", title: "Stunning Visualizations", quote: "The photorealistic renderings were a game-changer. We could truly visualize our project before construction, which gave us immense confidence. 360 Design Studio's attention to detail is unmatched.", name: "Emily R.", role: "Property Developer", imageSrc: "http://img.b2bpic.net/free-photo/young-female-with-pinkish-hair-posing_344912-854.jpg", imageAlt: "Emily R. client testimonial"},
{
id: "testimonial-4",
title: "Seamless Process",
quote: "From the initial consultation to the final construction documents, 360 Design Studio provided a seamless and collaborative experience. Their expertise in residential architecture is evident in every detail.",
name: "David K.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
imageAlt: "David K. client testimonial",
},
id: "testimonial-4", title: "Seamless Process", quote: "From the initial consultation to the final construction documents, 360 Design Studio provided a seamless and collaborative experience. Their expertise in residential architecture is evident in every detail.", name: "David K.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "David K. client testimonial"},
{
id: "testimonial-5",
title: "Detail-Oriented & Responsive",
quote: "We appreciated the meticulous attention to detail and prompt communication from 360 Design Studio. They truly listened to our needs and delivered a design that perfectly captured our vision.",
name: "Jessica L.",
role: "Homeowner",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
imageAlt: "Jessica L. client testimonial",
},
id: "testimonial-5", title: "Detail-Oriented & Responsive", quote: "We appreciated the meticulous attention to detail and prompt communication from 360 Design Studio. They truly listened to our needs and delivered a design that perfectly captured our vision.", name: "Jessica L.", role: "Homeowner", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Jessica L. client testimonial"},
]}
title="What Our Clients Say"
description="Hear directly from homeowners who experienced the 360 Design Studio difference – our professionalism, creativity, and unwavering commitment to their vision."
@@ -363,14 +212,13 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get Started"
title="Ready to bring your vision to life?"
description="Contact 360 Design Studio today to schedule your initial consultation. We're excited to discuss your custom residential design, home addition, 3D visualization, or construction document project needs."
imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
imageAlt="Modern architectural interior, studio aesthetic"
mediaAnimation="entrance-slide"
mediaAnimation="slide-up"
mediaPosition="right"
inputPlaceholder="Enter your email"
buttonText="Schedule a Consultation"
@@ -386,65 +234,39 @@ export default function LandingPage() {
{
items: [
{
label: "Custom Home Design",
href: "#services",
},
label: "Custom Home Design", href: "#services"},
{
label: "Home Additions",
href: "#services",
},
label: "Home Additions", href: "#services"},
{
label: "3D Modeling",
href: "#services",
},
label: "3D Modeling", href: "#services"},
{
label: "Renderings",
href: "#services",
},
label: "Renderings", href: "#services"},
{
label: "Construction Documents",
href: "#services",
},
label: "Construction Documents", href: "#services"},
],
},
{
items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Portfolio",
href: "#portfolio",
},
label: "Portfolio", href: "#portfolio"},
{
label: "Process",
href: "#process",
},
label: "Process", href: "#process"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
],
},
{
items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Schedule a Call",
href: "#contact",
},
label: "Schedule a Call", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}