Update src/app/contact/page.tsx

This commit is contained in:
2026-04-07 12:39:45 +00:00
parent b3c44cd0d7
commit 9c478f4f42

View File

@@ -8,7 +8,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { Shield, Star } from "lucide-react";
export default function LandingPage() {
export default function ContactPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
@@ -23,101 +23,59 @@ export default function LandingPage() {
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
{
name: "Projects",
id: "/projects",
},
{
name: "Bespoke",
id: "/bespoke",
},
{
name: "Contact",
id: "/contact",
},
]}
brandName="S2 Enterprises"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{ name: "Home", id: "/" },
{ name: "Projects", id: "/projects" },
{ name: "Bespoke", id: "/bespoke" },
{ name: "Contact", id: "/contact" },
]}
brandName="S2 Enterprises"
/>
</div>
<div id="full-contact" data-section="full-contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "canvas-reveal",
}}
tag="Contact"
title="Get In Touch"
description="Reach out for personal consultations or project quotes."
imageSrc="http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=7"
mediaAnimation="slide-up"
/>
</div>
<div id="full-contact" data-section="full-contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "canvas-reveal" }}
tag="Contact"
title="Get In Touch"
description="Reach out for personal consultations or project quotes."
imageSrc="http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why Choose Us"
description="The difference is in the details."
features={[
{
title: "Quality First",
description: "Only the best materials used.",
reverse: false,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=8",
},
items: [
{
icon: Shield,
text: "Warranty Included",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=9",
imageAlt: "professional interior design meeting room",
},
{
title: "Design Excellence",
description: "Tailored for your taste.",
reverse: true,
media: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg?_wi=10",
},
items: [
{
icon: Star,
text: "Award Winning Designers",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/everyday-bath-utensils-dark-marble-background_58702-17689.jpg?_wi=13",
imageAlt: "bespoke designer coffee table wood gold",
},
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardTen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Why Choose Us"
description="The difference is in the details."
features={[
{
title: "Quality First", description: "Only the best materials used.", reverse: false,
media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "professional interior design meeting room" },
items: [{ icon: Shield, text: "Warranty Included" }]
},
{
title: "Design Excellence", description: "Tailored for your taste.", reverse: true,
media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "bespoke designer coffee table wood gold" },
items: [{ icon: Star, text: "Award Winning Designers" }]
}
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="S2 Enterprises"
leftLink={{
text: "Privacy Policy",
href: "/privacy",
}}
rightLink={{
text: "Terms & Conditions",
href: "/terms",
}}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="S2 Enterprises"
leftLink={{ text: "Privacy Policy", href: "/privacy" }}
rightLink={{ text: "Terms & Conditions", href: "/terms" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);