Merge version_2 into main #3
161
src/app/page.tsx
161
src/app/page.tsx
@@ -31,14 +31,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services", id: "#features"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "Hero", id: "#hero" },
|
||||
{ name: "History", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Shop", id: "#shop" },
|
||||
{ name: "Gallery", id: "#gallery" },
|
||||
{ name: "Testimonials", id: "#testimonials" },
|
||||
{ name: "Practical Info", id: "#practical" },
|
||||
{ name: "Contact", id: "#contact" }
|
||||
]}
|
||||
brandName="Regine"
|
||||
/>
|
||||
@@ -46,71 +46,51 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars"}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Excellence in Professional Service"
|
||||
description="We craft experiences that balance aesthetics and function, dedicated to helping your business reach its full potential with precision and grace."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Services", href: "#features"},
|
||||
{
|
||||
text: "Get in touch", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-render-modern-home-office_1048-10249.jpg"
|
||||
imageAlt="elegant interior minimalist design"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Our commitment to quality and lasting impact."
|
||||
buttons={[
|
||||
{
|
||||
text: "Read our story", href: "#"},
|
||||
]}
|
||||
title="Our History: Crafting Excellence Since 2010."
|
||||
description="A journey of continuous improvement, innovation, and passion for delivering the best professional services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureBento
|
||||
title="Our Culinary Menu"
|
||||
description="Explore our curated selection of fine dining experiences."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Strategic Consulting", description: "Expert advice to navigate complex market challenges.", bentoComponent: "reveal-icon", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
title: "Creative Design", description: "Beautiful visuals that reflect your company values.", bentoComponent: "reveal-icon", icon: Palette,
|
||||
},
|
||||
{
|
||||
title: "Workflow Optimization", description: "Streamlining processes to improve overall efficiency.", bentoComponent: "reveal-icon", icon: Zap,
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Solutions"
|
||||
description="Tailored strategies designed to elevate your brand identity and operational excellence."
|
||||
features={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardThree
|
||||
<div id="shop" data-section="shop">
|
||||
<FeatureBento
|
||||
title="Exclusive Shop"
|
||||
description="Discover products designed for your lifestyle."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", icon: Award,
|
||||
title: "Years Experience", value: "15+"},
|
||||
{
|
||||
id: "m2", icon: Users,
|
||||
title: "Happy Clients", value: "500+"},
|
||||
{
|
||||
id: "m3", icon: CheckCircle,
|
||||
title: "Projects Completed", value: "1200+"},
|
||||
]}
|
||||
title="Proven Track Record"
|
||||
description="Our work speaks through measurable results and enduring relationships."
|
||||
features={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureBento
|
||||
title="Visual Gallery"
|
||||
description="A collection of our best work and moments."
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,68 +98,30 @@ export default function LandingPage() {
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sarah Jenkins", role: "Director", company: "Innovate", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businesswomen-relaxing-cafe_53876-30774.jpg"},
|
||||
{
|
||||
id: "2", name: "Mark Stevens", role: "Manager", company: "DesignCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-serious-middle-aged-business-leader_1262-4838.jpg"},
|
||||
{
|
||||
id: "3", name: "Elena Rossi", role: "Founder", company: "CreativeStudio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg"},
|
||||
{
|
||||
id: "4", name: "David Vane", role: "Architect", company: "StructureGroup", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-dressed-stylish-blue-suit-grey-background_613910-13680.jpg"},
|
||||
{
|
||||
id: "5", name: "Linda Gomez", role: "VP", company: "GlobalBrand", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21367.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%", label: "Retention"},
|
||||
{
|
||||
value: "5.0", label: "Satisfaction"},
|
||||
{
|
||||
value: "100%", label: "On-time"},
|
||||
]}
|
||||
useInvertedBackground={true}
|
||||
testimonials={[]}
|
||||
kpiItems={[{value: "100+", label: "Clients"}, {value: "500+", label: "Tasks"}, {value: "10+", label: "Years"}]}
|
||||
title="Voices of our community."
|
||||
description="See why industry leaders trust us with their vision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<div id="practical" data-section="practical">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How do we get started?", content: "Reach out through our contact form and we'll arrange a consultation."},
|
||||
{
|
||||
id: "q2", title: "What industries do you serve?", content: "We serve a wide variety of industries, focusing on design and strategy."},
|
||||
{
|
||||
id: "q3", title: "What are your timelines?", content: "Each project is unique, we prioritize quality while meeting your specific needs."},
|
||||
]}
|
||||
sideTitle="Frequently asked questions."
|
||||
sideDescription="Everything you need to know about our services."
|
||||
useInvertedBackground={false}
|
||||
faqs={[]}
|
||||
sideTitle="Practical Information"
|
||||
sideDescription="Everything you need to know about visiting us and finding our office."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
title="Start your journey today."
|
||||
description="Fill out the form and let's explore your possibilities."
|
||||
inputs={[
|
||||
{
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email", type: "email", placeholder: "Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-with-objects_23-2147982326.jpg"
|
||||
inputs={[{name: "name", type: "text", placeholder: "Your Name"}, {name: "email", type: "email", placeholder: "Email Address"}]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -187,27 +129,10 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/gray-colored-paint-strokes_23-2147746863.jpg"
|
||||
logoText="Regine"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Services", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user