Update src/app/page.tsx
This commit is contained in:
166
src/app/page.tsx
166
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
||||
@@ -16,35 +16,23 @@ export default function LandingPage() {
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="gradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="RoomDesigner"
|
||||
/>
|
||||
@@ -54,12 +42,7 @@ export default function LandingPage() {
|
||||
<HeroLogo
|
||||
logoText="RoomDesigner Pro"
|
||||
description="Transform your living space with our advanced 3D virtual room designer. Visualize, plan, and perfect your interior design projects in real-time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg"
|
||||
imageAlt="RoomDesigner Interface"
|
||||
@@ -72,21 +55,9 @@ export default function LandingPage() {
|
||||
title="Design Your Future"
|
||||
description="Powerful tools to bring your creative vision to life with complete precision."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Real-time Furniture Layout",
|
||||
content: "Easily place and rearrange virtual furniture with our intuitive drag-and-drop 3D engine.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Advanced Lighting Simulation",
|
||||
content: "Test how natural and artificial light affects your design choices with physically accurate rendering.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Smart Material Swapping",
|
||||
content: "Instantly visualize different materials, textures, and finishes on your walls and floors.",
|
||||
},
|
||||
{ id: "1", title: "Real-time Furniture Layout", content: "Easily place and rearrange virtual furniture with our intuitive drag-and-drop 3D engine." },
|
||||
{ id: "2", title: "Advanced Lighting Simulation", content: "Test how natural and artificial light affects your design choices with physically accurate rendering." },
|
||||
{ id: "3", title: "Smart Material Swapping", content: "Instantly visualize different materials, textures, and finishes on your walls and floors." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/trendy-color-swatches-with-different-elements_23-2150169890.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -99,21 +70,9 @@ export default function LandingPage() {
|
||||
title="Designed for Impact"
|
||||
tag="Trusted by Professionals"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50K+",
|
||||
description: "Active Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "98%",
|
||||
description: "Client Satisfaction Rate",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Cloud Rendering Access",
|
||||
},
|
||||
{ id: "1", value: "50K+", description: "Active Projects Completed" },
|
||||
{ id: "2", value: "98%", description: "Client Satisfaction Rate" },
|
||||
{ id: "3", value: "24/7", description: "Cloud Rendering Access" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -126,26 +85,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Elena Rossi, Lead Designer"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-drawing-looking-camera_23-2147770009.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-color-palette_23-2148819840.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-shot-young-woman-student-using-her-digital-tablet-laughing-smiling-sitting_1258-201273.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-sta_1258-113657.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-drawing-looking-camera_23-2147770009.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-office_23-2148242883.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-color-palette_23-2148819840.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/lifestyle-shot-young-woman-student-using-her-digital-tablet-laughing-smiling-sitting_1258-201273.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/real-estate-satisfied-man-rejoicing-founding-perfect-home-apartment-holding-paper-house-model-sta_1258-113657.jpg", alt: "User 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -157,21 +101,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Is the app beginner friendly?",
|
||||
content: "Yes, our interface is designed for both amateur enthusiasts and professional designers.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Can I export my designs?",
|
||||
content: "Yes, export in multiple formats including 4K renders and architectural layouts.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is cloud storage included?",
|
||||
content: "All plans include unlimited secure cloud storage for your project versions.",
|
||||
},
|
||||
{ id: "1", title: "Is the app beginner friendly?", content: "Yes, our interface is designed for both amateur enthusiasts and professional designers." },
|
||||
{ id: "2", title: "Can I export my designs?", content: "Yes, export in multiple formats including 4K renders and architectural layouts." },
|
||||
{ id: "3", title: "Is cloud storage included?", content: "All plans include unlimited secure cloud storage for your project versions." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about RoomDesigner."
|
||||
@@ -182,54 +114,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
text="Ready to design your perfect space? Start your free trial with RoomDesigner Pro today and unlock full access to our professional 3D suite."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Support", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
<FooterLogoEmphasis
|
||||
logoText="RoomDesigner"
|
||||
copyrightText="© 2025 RoomDesigner Inc."
|
||||
columns={[
|
||||
{ items: [{ label: "Features", href: "#features" }, { label: "Pricing", href: "#" }] },
|
||||
{ items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user