Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -29,11 +29,11 @@ export default function BlogPage() {
|
||||
brandName="My Blog"
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Articles", id: "blog" },
|
||||
{ name: "Articles", id: "/blog" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{ text: "Subscribe", href: "#newsletter" }}
|
||||
button={{ text: "Subscribe", href: "newsletter" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -62,7 +62,7 @@ export default function BlogPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Content", items: [
|
||||
{ label: "Articles", href: "#blog" },
|
||||
{ label: "Articles", href: "/blog" },
|
||||
{ label: "Featured", href: "#featured" },
|
||||
{ label: "Categories", href: "#" },
|
||||
{ label: "Archive", href: "#" }
|
||||
@@ -70,7 +70,7 @@ export default function BlogPage() {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Newsletter", href: "#newsletter" },
|
||||
{ label: "Newsletter", href: "newsletter" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Email", href: "mailto:hello@myblog.com" }
|
||||
@@ -78,9 +78,9 @@ export default function BlogPage() {
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Collaborate", href: "#contact" },
|
||||
{ label: "About Me", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Collaborate", href: "contact" },
|
||||
{ label: "Advertise", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -98,4 +98,4 @@ export default function BlogPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,6 +8,7 @@ import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSp
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -28,13 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
brandName="My Blog"
|
||||
navItems={[
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Articles", id: "blog" },
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Articles", id: "/blog" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Subscribe", href: "#newsletter"
|
||||
text: "Subscribe", href: "newsletter"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -44,8 +45,8 @@ export default function LandingPage() {
|
||||
logoText="MY BLOG"
|
||||
description="Exploring ideas, sharing stories, and discovering insights about life, creativity, and growth"
|
||||
buttons={[
|
||||
{ text: "Start Reading", href: "#blog" },
|
||||
{ text: "Subscribe", href: "#newsletter" }
|
||||
{ text: "Start Reading", href: "/blog" },
|
||||
{ text: "Subscribe", href: "newsletter" }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
@@ -100,6 +101,32 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
title="What Our Readers Say"
|
||||
description="Hear directly from the community about how our articles have impacted their lives"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "testimonial-1", name: "Emma Rodriguez, Marketing Manager", date: "Date: 20 January 2025", title: "Truly transformative content", quote: "Sarah's articles on personal growth have completely shifted my perspective. I've implemented her strategies and already see meaningful changes in my daily life and work.", tag: "Personal Growth", avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-154.jpg", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg"
|
||||
},
|
||||
{
|
||||
id: "testimonial-2", name: "James Chen, Software Developer", date: "Date: 18 January 2025", title: "Exactly what I needed to hear", quote: "The digital wellness piece came at the perfect time. It helped me establish better boundaries with technology and reclaim my mental health. Highly recommend!", tag: "Technology", avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-147.jpg", imageSrc: "https://img.b2bpic.net/free-photo/man-smiling-workplace_1098-1024.jpg"
|
||||
},
|
||||
{
|
||||
id: "testimonial-3", name: "Lisa Thompson, Creative Director", date: "Date: 15 January 2025", title: "Unlocked my creative flow", quote: "The techniques in the creativity article were game-changing for me. I've already applied them to my design projects and the results have been outstanding.", tag: "Creativity", avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-152.jpg", imageSrc: "https://img.b2bpic.net/free-photo/female-designer-working-office_1098-1026.jpg"
|
||||
},
|
||||
{
|
||||
id: "testimonial-4", name: "Michael Park, Entrepreneur", date: "Date: 12 January 2025", title: "A beacon of inspiration", quote: "Every week I look forward to reading the new article. Sarah's thoughtful perspective on resilience and growth keeps me motivated through challenges.", tag: "Mindfulness", avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-149.jpg", imageSrc: "https://img.b2bpic.net/free-photo/businessman-office-looking-confident_1098-1025.jpg"
|
||||
},
|
||||
{
|
||||
id: "testimonial-5", name: "Sarah Williams, Life Coach", date: "Date: 10 January 2025", title: "Authenticity that resonates", quote: "The depth and authenticity in these articles set them apart. I've shared them with my clients and they've sparked meaningful conversations about personal growth.", tag: "Personal Development", avatarSrc: "https://img.b2bpic.net/free-vector/avatar-icon_1084-150.jpg", imageSrc: "https://img.b2bpic.net/free-photo/woman-office-with-arms-crossed_1098-1027.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
@@ -112,7 +139,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Read My Story", href: "#" },
|
||||
{ text: "Get in Touch", href: "#contact" }
|
||||
{ text: "Get in Touch", href: "contact" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -205,7 +232,7 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Content", items: [
|
||||
{ label: "Articles", href: "#blog" },
|
||||
{ label: "Articles", href: "/blog" },
|
||||
{ label: "Featured", href: "#featured" },
|
||||
{ label: "Categories", href: "#" },
|
||||
{ label: "Archive", href: "#" }
|
||||
@@ -213,7 +240,7 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Newsletter", href: "#newsletter" },
|
||||
{ label: "Newsletter", href: "newsletter" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Email", href: "mailto:hello@myblog.com" }
|
||||
@@ -221,9 +248,9 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Collaborate", href: "#contact" },
|
||||
{ label: "About Me", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Collaborate", href: "contact" },
|
||||
{ label: "Advertise", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -240,4 +267,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -100,7 +100,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
columns={[
|
||||
{
|
||||
title: "Content", items: [
|
||||
{ label: "Articles", href: "#blog" },
|
||||
{ label: "Articles", href: "/blog" },
|
||||
{ label: "Featured", href: "#featured" },
|
||||
{ label: "Categories", href: "#" },
|
||||
{ label: "Archive", href: "#" }
|
||||
@@ -108,7 +108,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Newsletter", href: "#newsletter" },
|
||||
{ label: "Newsletter", href: "newsletter" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Email", href: "mailto:hello@myblog.com" }
|
||||
@@ -116,9 +116,9 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Collaborate", href: "#contact" },
|
||||
{ label: "About Me", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Collaborate", href: "contact" },
|
||||
{ label: "Advertise", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -180,7 +180,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
columns={[
|
||||
{
|
||||
title: "Content", items: [
|
||||
{ label: "Articles", href: "#blog" },
|
||||
{ label: "Articles", href: "/blog" },
|
||||
{ label: "Featured", href: "#featured" },
|
||||
{ label: "Categories", href: "#" },
|
||||
{ label: "Archive", href: "#" }
|
||||
@@ -188,7 +188,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Newsletter", href: "#newsletter" },
|
||||
{ label: "Newsletter", href: "newsletter" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Email", href: "mailto:hello@myblog.com" }
|
||||
@@ -196,9 +196,9 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Collaborate", href: "#contact" },
|
||||
{ label: "About Me", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Collaborate", href: "contact" },
|
||||
{ label: "Advertise", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -284,7 +284,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
columns={[
|
||||
{
|
||||
title: "Content", items: [
|
||||
{ label: "Articles", href: "#blog" },
|
||||
{ label: "Articles", href: "/blog" },
|
||||
{ label: "Featured", href: "#featured" },
|
||||
{ label: "Categories", href: "#" },
|
||||
{ label: "Archive", href: "#" }
|
||||
@@ -292,7 +292,7 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Newsletter", href: "#newsletter" },
|
||||
{ label: "Newsletter", href: "newsletter" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Email", href: "mailto:hello@myblog.com" }
|
||||
@@ -300,9 +300,9 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Collaborate", href: "#contact" },
|
||||
{ label: "About Me", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Collaborate", href: "contact" },
|
||||
{ label: "Advertise", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -320,4 +320,4 @@ export default function ProductPage({ params }: ProductPageProps) {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -50,7 +50,7 @@ export default function ShopPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Content", items: [
|
||||
{ label: "Articles", href: "#blog" },
|
||||
{ label: "Articles", href: "/blog" },
|
||||
{ label: "Featured", href: "#featured" },
|
||||
{ label: "Categories", href: "#" },
|
||||
{ label: "Archive", href: "#" }
|
||||
@@ -58,7 +58,7 @@ export default function ShopPage() {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Newsletter", href: "#newsletter" },
|
||||
{ label: "Newsletter", href: "newsletter" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Email", href: "mailto:hello@myblog.com" }
|
||||
@@ -66,9 +66,9 @@ export default function ShopPage() {
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Collaborate", href: "#contact" },
|
||||
{ label: "About Me", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Collaborate", href: "contact" },
|
||||
{ label: "Advertise", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -129,7 +129,7 @@ export default function ShopPage() {
|
||||
columns={[
|
||||
{
|
||||
title: "Content", items: [
|
||||
{ label: "Articles", href: "#blog" },
|
||||
{ label: "Articles", href: "/blog" },
|
||||
{ label: "Featured", href: "#featured" },
|
||||
{ label: "Categories", href: "#" },
|
||||
{ label: "Archive", href: "#" }
|
||||
@@ -137,7 +137,7 @@ export default function ShopPage() {
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Newsletter", href: "#newsletter" },
|
||||
{ label: "Newsletter", href: "newsletter" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Email", href: "mailto:hello@myblog.com" }
|
||||
@@ -145,9 +145,9 @@ export default function ShopPage() {
|
||||
},
|
||||
{
|
||||
title: "About", items: [
|
||||
{ label: "About Me", href: "#about" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
{ label: "Collaborate", href: "#contact" },
|
||||
{ label: "About Me", href: "about" },
|
||||
{ label: "Contact", href: "contact" },
|
||||
{ label: "Collaborate", href: "contact" },
|
||||
{ label: "Advertise", href: "#" }
|
||||
]
|
||||
},
|
||||
@@ -165,4 +165,4 @@ export default function ShopPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user