Merge version_2 into main #3
135
src/app/page.tsx
135
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TeamCardTen from '@/components/sections/team/TeamCardTen';
|
||||
@@ -29,58 +29,26 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Portfolio",
|
||||
id: "#portfolio",
|
||||
},
|
||||
name: "Portfolio", id: "#portfolio"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="HCS"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
<HeroLogo
|
||||
logoText="HCS"
|
||||
description="Premium Illuminated Signage & Lightbox Solutions"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get a Quote",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-particles-wave-with-blue-orange-light-effect_1017-20141.jpg?_wi=1",
|
||||
imageAlt: "Hero background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=1",
|
||||
imageAlt: "HCS Premium Signage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-particles-wave-with-blue-orange-light-effect_1017-20141.jpg?_wi=2",
|
||||
imageAlt: "Hero background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=2",
|
||||
imageAlt: "HCS Premium Signage",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/futuristic-particles-wave-with-blue-orange-light-effect_1017-20141.jpg?_wi=3",
|
||||
imageAlt: "Hero background",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=3",
|
||||
imageAlt: "HCS Premium Signage",
|
||||
},
|
||||
text: "Get a Quote", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=1"
|
||||
imageAlt="HCS Premium Signage"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,17 +60,11 @@ export default function LandingPage() {
|
||||
description="At HCS, we transform visions into premium, illuminated realities. We specialize in high-quality signage fabrication, bespoke lightboxes, and digital marketing strategies tailored for corporate excellence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Fabrication Excellence",
|
||||
description: "Precision engineering for all signage types.",
|
||||
},
|
||||
title: "Fabrication Excellence", description: "Precision engineering for all signage types."},
|
||||
{
|
||||
title: "Visual Impact",
|
||||
description: "Signage that stands out in the dark.",
|
||||
},
|
||||
title: "Visual Impact", description: "Signage that stands out in the dark."},
|
||||
{
|
||||
title: "Corporate Solutions",
|
||||
description: "Complete marketing and branding packages.",
|
||||
},
|
||||
title: "Corporate Solutions", description: "Complete marketing and branding packages."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=4"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -117,32 +79,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Signage Fabrication",
|
||||
description: "Bespoke outdoor signage and channel letters.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=1",
|
||||
imageAlt: "Signage",
|
||||
},
|
||||
title: "Signage Fabrication", description: "Bespoke outdoor signage and channel letters.", imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=1", imageAlt: "Signage"},
|
||||
{
|
||||
id: 2,
|
||||
title: "Premium Lightboxes",
|
||||
description: "Clean, bright, and durable illuminated displays.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=1",
|
||||
imageAlt: "Lightboxes",
|
||||
},
|
||||
title: "Premium Lightboxes", description: "Clean, bright, and durable illuminated displays.", imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=1", imageAlt: "Lightboxes"},
|
||||
{
|
||||
id: 3,
|
||||
title: "Expert Web Design",
|
||||
description: "High-end digital platforms and UI/UX.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=1",
|
||||
imageAlt: "Web Design",
|
||||
},
|
||||
title: "Expert Web Design", description: "High-end digital platforms and UI/UX.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=1", imageAlt: "Web Design"},
|
||||
{
|
||||
id: 4,
|
||||
title: "Marketing Solutions",
|
||||
description: "Data-driven marketing and growth visuals.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_52683-8928.jpg",
|
||||
imageAlt: "Marketing",
|
||||
},
|
||||
title: "Marketing Solutions", description: "Data-driven marketing and growth visuals.", imageSrc: "http://img.b2bpic.net/free-vector/isometric-landing-page_52683-8928.jpg", imageAlt: "Marketing"},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Cutting-edge solutions designed to elevate your brand presence."
|
||||
@@ -153,8 +99,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="Get in touch"
|
||||
title="Let’s Build Something Powerful Together"
|
||||
description="Send us your project brief and let's light up your brand."
|
||||
@@ -171,29 +116,13 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alexander Voss",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=5",
|
||||
imageAlt: "Lead Designer",
|
||||
},
|
||||
id: "1", name: "Alexander Voss", imageSrc: "http://img.b2bpic.net/free-photo/city-hall-sign-close-up_1101-1184.jpg?_wi=5", imageAlt: "Lead Designer"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah Jenkins",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=2",
|
||||
imageAlt: "Signage Engineer",
|
||||
},
|
||||
id: "2", name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/who-says-quote-sign-neon-lights_23-2148283860.jpg?_wi=2", imageAlt: "Signage Engineer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marcus Thorne",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=2",
|
||||
imageAlt: "Digital Architect",
|
||||
},
|
||||
id: "3", name: "Marcus Thorne", imageSrc: "http://img.b2bpic.net/free-vector/gradient-landing-page-template-ai-technology_23-2150348998.jpg?_wi=2", imageAlt: "Digital Architect"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Elena Rossi",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=2",
|
||||
imageAlt: "Brand Consultant",
|
||||
},
|
||||
id: "4", name: "Elena Rossi", imageSrc: "http://img.b2bpic.net/free-vector/design-cover-with-colorful-glitch-effect_52683-19770.jpg?_wi=2", imageAlt: "Brand Consultant"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -202,29 +131,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
label: "About", href: "#"},
|
||||
{
|
||||
label: "Portfolio",
|
||||
href: "#",
|
||||
},
|
||||
label: "Portfolio", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -235,4 +154,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user