Merge version_1 into main #1
424
src/app/page.tsx
424
src/app/page.tsx
@@ -15,294 +15,162 @@ import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="bounce-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
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">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
]}
|
||||
brandName="Summit Financial"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Summit Financial"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Securing Your Future Through Real Estate"
|
||||
description="Premium real estate financial investment services tailored to your portfolio goals."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-81.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Diversified Portfolios",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Risk Management",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Asset Growth",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sustainable Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Transparency First",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Securing Your Future Through Real Estate"
|
||||
description="Premium real estate financial investment services tailored to your portfolio goals."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mature-posing-with-blue-jacket_150588-81.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12110.jpg", alt: "Client" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client" },
|
||||
]}
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Diversified Portfolios" },
|
||||
{ type: "text", text: "Risk Management" },
|
||||
{ type: "text", text: "Global Asset Growth" },
|
||||
{ type: "text", text: "Sustainable Development" },
|
||||
{ type: "text", text: "Transparency First" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Expertise Driven by Data"
|
||||
description="We combine market leading analysis with decades of financial experience to ensure your assets grow in value consistently."
|
||||
metrics={[
|
||||
{
|
||||
value: "$500M+",
|
||||
title: "Assets Managed",
|
||||
},
|
||||
{
|
||||
value: "12%",
|
||||
title: "Avg Annual Growth",
|
||||
},
|
||||
{
|
||||
value: "250+",
|
||||
title: "Successful Deals",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-handshaking-with-financial-advisor-meeting-office-focus-is-man_637285-1136.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Expertise Driven by Data"
|
||||
description="We combine market leading analysis with decades of financial experience to ensure your assets grow in value consistently."
|
||||
metrics={[
|
||||
{ value: "$500M+", title: "Assets Managed" },
|
||||
{ value: "12%", title: "Avg Annual Growth" },
|
||||
{ value: "250+", title: "Successful Deals" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-couple-handshaking-with-financial-advisor-meeting-office-focus-is-man_637285-1136.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Portfolio Diversification",
|
||||
description: "Spreading your risk across high-yield commercial properties.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-pieces-arrangement-with-economy-word_23-2148783095.jpg",
|
||||
},
|
||||
{
|
||||
title: "Asset Valuation",
|
||||
description: "Accurate assessment to identify undervalued opportunities.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reading-glasses-piles-coins-high-view_23-2148305967.jpg",
|
||||
},
|
||||
{
|
||||
title: "Development Planning",
|
||||
description: "Full lifecycle planning for major development projects.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-light-bulb-wood-blocks-black_140725-144653.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Specialized Investment Services"
|
||||
description="Advanced solutions for diverse market opportunities."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Portfolio Diversification", description: "Spreading your risk across high-yield commercial properties.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wooden-pieces-arrangement-with-economy-word_23-2148783095.jpg" },
|
||||
{ title: "Asset Valuation", description: "Accurate assessment to identify undervalued opportunities.", imageSrc: "http://img.b2bpic.net/free-photo/reading-glasses-piles-coins-high-view_23-2148305967.jpg" },
|
||||
{ title: "Development Planning", description: "Full lifecycle planning for major development projects.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-spiral-notebooks-light-bulb-wood-blocks-black_140725-144653.jpg" },
|
||||
]}
|
||||
title="Our Specialized Investment Services"
|
||||
description="Advanced solutions for diverse market opportunities."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance Standards"
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.8%",
|
||||
description: "Client Retention",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "8.5yrs",
|
||||
description: "Average Holding Period",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Market Monitoring",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Performance Standards"
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.8%", description: "Client Retention" },
|
||||
{ id: "m2", value: "8.5yrs", description: "Average Holding Period" },
|
||||
{ id: "m3", value: "24/7", description: "Market Monitoring" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Private Investor",
|
||||
testimonial: "Exceptional return on investment and incredible transparency.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jane Smith",
|
||||
role: "Pension Fund Manager",
|
||||
testimonial: "Summit Financial provides reliable market insights.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Brown",
|
||||
role: "Real Estate Developer",
|
||||
testimonial: "Their risk assessment is second to none.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alice Johnson",
|
||||
role: "Private Equity",
|
||||
testimonial: "Professional and data-driven approach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Michael Wilson",
|
||||
role: "Independent Investor",
|
||||
testimonial: "Highly recommended for wealth security.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Investors Say"
|
||||
description="Trusted by leading professionals."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "John Doe", role: "Private Investor", testimonial: "Exceptional return on investment and incredible transparency.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg" },
|
||||
{ id: "2", name: "Jane Smith", role: "Pension Fund Manager", testimonial: "Summit Financial provides reliable market insights.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg" },
|
||||
{ id: "3", name: "Robert Brown", role: "Real Estate Developer", testimonial: "Their risk assessment is second to none.", imageSrc: "http://img.b2bpic.net/free-photo/business-man-smiling-portrait_23-2149280769.jpg" },
|
||||
{ id: "4", name: "Alice Johnson", role: "Private Equity", testimonial: "Professional and data-driven approach.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg" },
|
||||
{ id: "5", name: "Michael Wilson", role: "Independent Investor", testimonial: "Highly recommended for wealth security.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg" },
|
||||
]}
|
||||
title="What Our Investors Say"
|
||||
description="Trusted by leading professionals."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I start?",
|
||||
content: "Contact our team for an initial consultation.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What is the minimum investment?",
|
||||
content: "Minimums vary based on the project.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I diversify internationally?",
|
||||
content: "Yes, we facilitate global acquisitions.",
|
||||
},
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries regarding our investment process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "How do I start?", content: "Contact our team for an initial consultation." },
|
||||
{ id: "f2", title: "What is the minimum investment?", content: "Minimums vary based on the project." },
|
||||
{ id: "f3", title: "Can I diversify internationally?", content: "Yes, we facilitate global acquisitions." },
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Common inquiries regarding our investment process."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-devices-with-statistics-documents_1232-485.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Let's Talk"
|
||||
title="Ready to discuss your next investment?"
|
||||
description="Contact our advisors today for a personalized financial consultation."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Let's Talk"
|
||||
title="Ready to discuss your next investment?"
|
||||
description="Contact our advisors today for a personalized financial consultation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Summit Financial"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Summit Financial"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user