Update src/app/page.tsx
This commit is contained in:
184
src/app/page.tsx
184
src/app/page.tsx
@@ -19,27 +19,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#services" },
|
||||
{ name: "Team", id: "#team" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Avessals"
|
||||
/>
|
||||
@@ -50,12 +45,9 @@ export default function LandingPage() {
|
||||
logoText="Avessals"
|
||||
description="Refining excellence through precision and timeless design."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Explore Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79754.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79754.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,9 +56,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Our Heritage"
|
||||
description={[
|
||||
"Founded with a commitment to enduring quality, Avessals bridges the gap between classic craftsmanship and modern necessity.",
|
||||
"We believe that true sophistication is born from simplicity.",
|
||||
]}
|
||||
"Founded with a commitment to enduring quality, Avessals bridges the gap between classic craftsmanship and modern necessity.", "We believe that true sophistication is born from simplicity."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -78,26 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision",
|
||||
description: "Meticulous attention to detail in every project.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-pastel-podium-product-stand-podium-background-product-placement-3d-rendering_56104-2160.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-maroon-colour-rhombus-pattern-background-banner-multipurpose-design_1340-17121.jpg",
|
||||
buttonText: "Learn",
|
||||
},
|
||||
title: "Precision", description: "Meticulous attention to detail in every project.", imageSrc: "http://img.b2bpic.net/free-photo/pink-pastel-podium-product-stand-podium-background-product-placement-3d-rendering_56104-2160.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/abstract-purple-maroon-colour-rhombus-pattern-background-banner-multipurpose-design_1340-17121.jpg", buttonText: "Learn"},
|
||||
{
|
||||
title: "Quality",
|
||||
description: "Unwavering standards for superior results.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-pattern_23-2150502070.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-vector/art-deco-gradient-pink-pattern_23-2149151509.jpg",
|
||||
buttonText: "Learn",
|
||||
},
|
||||
title: "Quality", description: "Unwavering standards for superior results.", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-art-deco-pattern_23-2150502070.jpg", titleImageSrc: "http://img.b2bpic.net/free-vector/art-deco-gradient-pink-pattern_23-2149151509.jpg", buttonText: "Learn"},
|
||||
{
|
||||
title: "Design",
|
||||
description: "Elevated aesthetics for lasting impact.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-patterns-celebrate-nature-beauty-elegantly-generated-by-ai_188544-11879.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/3d-render-weather-icons-set-sun-shining-clouds_107791-17177.jpg",
|
||||
buttonText: "Learn",
|
||||
},
|
||||
title: "Design", description: "Elevated aesthetics for lasting impact.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-floral-patterns-celebrate-nature-beauty-elegantly-generated-by-ai_188544-11879.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/3d-render-weather-icons-set-sun-shining-clouds_107791-17177.jpg", buttonText: "Learn"},
|
||||
]}
|
||||
title="Our Craft"
|
||||
description="Excellence in every detail."
|
||||
@@ -111,21 +86,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100+",
|
||||
description: "Projects Completed",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "50",
|
||||
description: "Industry Partners",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
description: "Client Satisfaction",
|
||||
},
|
||||
{ id: "1", value: "100+", description: "Projects Completed" },
|
||||
{ id: "2", value: "50", description: "Industry Partners" },
|
||||
{ id: "3", value: "99%", description: "Client Satisfaction" },
|
||||
]}
|
||||
title="Impact"
|
||||
description="The scale of our dedication."
|
||||
@@ -138,37 +101,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Founder",
|
||||
subtitle: "Director",
|
||||
detail: "Leading with vision.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg",
|
||||
},
|
||||
id: "m1", title: "Founder", subtitle: "Director", detail: "Leading with vision.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-middle-aged-man-with-beard-hairstyle-dressed-elegant-blue-suit-textured-dark-background-studio_613910-19917.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Lead Designer",
|
||||
subtitle: "Creative",
|
||||
detail: "Sculpting the aesthetic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-using-smartphone_23-2150167796.jpg",
|
||||
},
|
||||
id: "m2", title: "Lead Designer", subtitle: "Creative", detail: "Sculpting the aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/professional-woman-stylish-suit-office-using-smartphone_23-2150167796.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Operations",
|
||||
subtitle: "Manager",
|
||||
detail: "Ensuring seamless delivery.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg",
|
||||
},
|
||||
id: "m3", title: "Operations", subtitle: "Manager", detail: "Ensuring seamless delivery.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15972.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-dark-gradient-purple-studio-room-background-product_1258-79754.jpg?_wi=2",
|
||||
imageAlt: "professional portrait studio",
|
||||
},
|
||||
]}
|
||||
title="Our Visionaries"
|
||||
description="Meet the minds behind Avessals."
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,26 +124,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus Aurelius"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-beautiful-asian-woman-portrait_23-2149032785.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-beautiful-asian-woman-portrait_23-2149032785.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280717.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/african-business-lady-standing-grey-background_171337-16083.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -210,21 +140,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What defines Avessals?",
|
||||
content: "Our unwavering commitment to precision and elegance.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do we start?",
|
||||
content: "Schedule a brief consultation with our team.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is global support available?",
|
||||
content: "Yes, we serve clients internationally.",
|
||||
},
|
||||
{ id: "1", title: "What defines Avessals?", content: "Our unwavering commitment to precision and elegance." },
|
||||
{ id: "2", title: "How do we start?", content: "Schedule a brief consultation with our team." },
|
||||
{ id: "3", title: "Is global support available?", content: "Yes, we serve clients internationally." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hotel-room-blurred-background_93675-131696.jpg"
|
||||
title="Inquiries"
|
||||
@@ -239,18 +157,8 @@ export default function LandingPage() {
|
||||
title="Get in Touch"
|
||||
description="Begin your journey with Avessals today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/laptop-black-leather-sofa_53876-63470.jpg"
|
||||
/>
|
||||
@@ -261,26 +169,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Legal",
|
||||
href: "#",
|
||||
},
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Legal", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -290,4 +186,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user