feat(testimonials): replace static quote with 11-item Swiper carousel
Installs swiper, rewrites HomeTestimonials with loop, 6400ms autoplay, clickable pagination bullets, and prev/next navigation. Extracts all 11 testimonials from the live site into both EN and ES content files. Styles bullets and arrows with accent colour tokens to match the live site. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Generated
+20
@@ -11,6 +11,7 @@
|
|||||||
"cheerio": "^1.1.0",
|
"cheerio": "^1.1.0",
|
||||||
"fast-glob": "^3.3.3",
|
"fast-glob": "^3.3.3",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
|
"swiper": "^12.2.0",
|
||||||
"turndown": "^7.2.0",
|
"turndown": "^7.2.0",
|
||||||
"zod": "^3.25.0"
|
"zod": "^3.25.0"
|
||||||
},
|
},
|
||||||
@@ -5546,6 +5547,25 @@
|
|||||||
"url": "https://opencollective.com/svgo"
|
"url": "https://opencollective.com/svgo"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/swiper": {
|
||||||
|
"version": "12.2.0",
|
||||||
|
"resolved": "https://registry.npmjs.org/swiper/-/swiper-12.2.0.tgz",
|
||||||
|
"integrity": "sha512-K8uXsBZU6ME97Ia3xbBge8IRCnR1lOmIILzvY/jGVic7dSTQ530s3uO8RvXbPUtkkXLWIwmZLRPbtDxRWVAFdg==",
|
||||||
|
"funding": [
|
||||||
|
{
|
||||||
|
"type": "custom",
|
||||||
|
"url": "https://sponsors.nolimits4web.com"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/nolimits4web"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"license": "MIT",
|
||||||
|
"engines": {
|
||||||
|
"node": ">= 4.7.0"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/tiny-inflate": {
|
"node_modules/tiny-inflate": {
|
||||||
"version": "1.0.3",
|
"version": "1.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
|
||||||
|
|||||||
@@ -26,6 +26,7 @@
|
|||||||
"cheerio": "^1.1.0",
|
"cheerio": "^1.1.0",
|
||||||
"fast-glob": "^3.3.3",
|
"fast-glob": "^3.3.3",
|
||||||
"gray-matter": "^4.0.3",
|
"gray-matter": "^4.0.3",
|
||||||
|
"swiper": "^12.2.0",
|
||||||
"turndown": "^7.2.0",
|
"turndown": "^7.2.0",
|
||||||
"zod": "^3.25.0"
|
"zod": "^3.25.0"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -6,10 +6,47 @@ const { section } = Astro.props;
|
|||||||
<section class="section cream-section testimonial-section">
|
<section class="section cream-section testimonial-section">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>{section.heading}</h2>
|
<h2>{section.heading}</h2>
|
||||||
|
<div class="testimonial-swiper swiper">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
{section.items.map(({ author, text }) => (
|
||||||
|
<div class="swiper-slide">
|
||||||
<blockquote>
|
<blockquote>
|
||||||
<strong>{section.featured.author}</strong>
|
<p class="testimonial-author">{author}</p>
|
||||||
{section.featured.paragraphs.map((p) => <p>{p}</p>)}
|
<p>{text}</p>
|
||||||
</blockquote>
|
</blockquote>
|
||||||
<div class="testimonial-dots" aria-hidden="true">• • • • • • • • • • •</div>
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
<div class="swiper-pagination"></div>
|
||||||
|
<div class="swiper-button-prev"></div>
|
||||||
|
<div class="swiper-button-next"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<style is:global>
|
||||||
|
@import 'swiper/css/bundle';
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import Swiper from 'swiper/bundle';
|
||||||
|
|
||||||
|
new Swiper('.testimonial-swiper', {
|
||||||
|
direction: 'horizontal',
|
||||||
|
loop: true,
|
||||||
|
autoplay: {
|
||||||
|
delay: 6400,
|
||||||
|
disableOnInteraction: true,
|
||||||
|
},
|
||||||
|
slidesPerView: 1,
|
||||||
|
spaceBetween: 50,
|
||||||
|
pagination: {
|
||||||
|
el: '.testimonial-swiper .swiper-pagination',
|
||||||
|
clickable: true,
|
||||||
|
},
|
||||||
|
navigation: {
|
||||||
|
nextEl: '.testimonial-swiper .swiper-button-next',
|
||||||
|
prevEl: '.testimonial-swiper .swiper-button-prev',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|||||||
@@ -134,10 +134,28 @@ sections:
|
|||||||
signatureAlt: Clinical Director Rula Diab
|
signatureAlt: Clinical Director Rula Diab
|
||||||
|
|
||||||
- type: testimonials
|
- type: testimonials
|
||||||
heading: What Clients Say
|
heading: What Clients Are Saying
|
||||||
featured:
|
items:
|
||||||
author: Claudia
|
- author: Claudia
|
||||||
paragraphs:
|
text: "Our son \U0001F499 is an autistic kid. We struggled to find the correct place for him, that place where you can feel comfortable leaving your kid. We visited five companies, and no one gave us that confidence until we found AIA. You can see the dedication from each employee (Director, therapists, coordinators, etc.) to every kid. Their therapy rooms are huge and spacious; every kid can play and learn simultaneously in their own spaces. We are thankful \U0001F64F to Arizona Institute for Autism for caring for Misael. All of you are Amazing!!! Thank you \U0001F60A"
|
||||||
- "Our son is an autistic kid. We struggled to find the correct place for him, that place where you can feel comfortable leaving your kid. We visited five companies, and no one gave us that confidence until we found AIA. You can see the dedication from each employee (Director, therapists, coordinators, etc.) to every kid. Their therapy rooms are huge and spacious; every kid can play and learn simultaneously in their own spaces. We are thankful to Arizona Institute for Autism for caring for Misael."
|
- author: Kristin
|
||||||
- All of you are Amazing!!! Thank you
|
text: "My son has grown and learned so much from the team at AIA. He loves the team and they love him..."
|
||||||
|
- author: Amanda
|
||||||
|
text: "My son loves this program. He started when he was 21 months year old, so I was picky in choosing where he would go. I love that it is play based and he is 1-on-1 with a therapist the whole time."
|
||||||
|
- author: Dave
|
||||||
|
text: "I highly recommend Arizona Institute for Autism. Rula Diab runs a fantastic clinic and has an amazing team. Shoutout to Coach D - it is incredible that they have a former NFL Player helping with P.E.! They also held a birthday party for our son. Amazing and so full of love & care..."
|
||||||
|
- author: Meagan
|
||||||
|
text: "We are incredibly grateful for the support and guidance our child has received from the team at Arizona Institute for Autism. The professionalism and dedication of the team have made a remarkable difference in our child's development. They truly care about each child's growth and tailor their approach to meet individual needs. Our child has made significant strides in communication and social skills, and we couldn't be happier with the positive impact they've had on our family. Highly recommend AIA."
|
||||||
|
- author: Macey
|
||||||
|
text: "We love AIA, you can expect amazing staff and a clean facility. Along with a safe environment for your children. We love the mission behind AIA and feel like there's no other place here in Arizona that does what they do here."
|
||||||
|
- author: S.L.
|
||||||
|
text: "My son has developed faster and been happier at this Autism center over all others he's experienced. The therapist/teachers and all the way to the Rula the manager have gone above and beyond to work with my son's special needs. As every Autistic child is different they have developed a plan specifically fit to him. We have weekly meetings to join our knowledge to develop my son as quickly and efficiently comfortably for him as possible. I'm blown away by how I finally feel like part of a team that is my son's team. Thank you."
|
||||||
|
- author: Emily
|
||||||
|
text: "AIA is phenomenal!!! Rula and her staff are fantastic. They are patient, professional, compassionate and extremely knowledgeable. My son loves his providers. They have helped me navigate some extremely tough times. I highly recommend AIA."
|
||||||
|
- author: Raye
|
||||||
|
text: "I absolutely love it here! They care about your child so much! They work with you when it comes to your schedule. They are all so very friendly here. Anytime I step in here I feel a warm welcoming from everyone. My son loves coming here. They care about helping your child succeed in every possible way, my din is going to flourish here!"
|
||||||
|
- author: Danielle
|
||||||
|
text: "AIA has done wonders for my son. I drive from NW Peoria just to come here. Everyone is very professional and kind. They truly care about the kids and seeing them succeed. I'm so lucky to have found them. I would recommend them to anyone!"
|
||||||
|
- author: Tim
|
||||||
|
text: "The staff at AIA is my second family. Not only does my son receive the best care possible, they also keep me in check and help make sure I'm doing my part. That's the kind of love you get in this big family!"
|
||||||
---
|
---
|
||||||
|
|||||||
@@ -136,9 +136,27 @@ sections:
|
|||||||
|
|
||||||
- type: testimonials
|
- type: testimonials
|
||||||
heading: Lo que dicen los clientes
|
heading: Lo que dicen los clientes
|
||||||
featured:
|
items:
|
||||||
author: Claudia
|
- author: Claudia
|
||||||
paragraphs:
|
text: "Our son \U0001F499 is an autistic kid. We struggled to find the correct place for him, that place where you can feel comfortable leaving your kid. We visited five companies, and no one gave us that confidence until we found AIA. You can see the dedication from each employee (Director, therapists, coordinators, etc.) to every kid. Their therapy rooms are huge and spacious; every kid can play and learn simultaneously in their own spaces. We are thankful \U0001F64F to Arizona Institute for Autism for caring for Misael. All of you are Amazing!!! Thank you \U0001F60A"
|
||||||
- "Our son is an autistic kid. We struggled to find the correct place for him, that place where you can feel comfortable leaving your kid. We visited five companies, and no one gave us that confidence until we found AIA. You can see the dedication from each employee (Director, therapists, coordinators, etc.) to every kid. Their therapy rooms are huge and spacious; every kid can play and learn simultaneously in their own spaces. We are thankful to Arizona Institute for Autism for caring for Misael."
|
- author: Kristin
|
||||||
- All of you are Amazing!!! Thank you
|
text: "My son has grown and learned so much from the team at AIA. He loves the team and they love him..."
|
||||||
|
- author: Amanda
|
||||||
|
text: "My son loves this program. He started when he was 21 months year old, so I was picky in choosing where he would go. I love that it is play based and he is 1-on-1 with a therapist the whole time."
|
||||||
|
- author: Dave
|
||||||
|
text: "I highly recommend Arizona Institute for Autism. Rula Diab runs a fantastic clinic and has an amazing team. Shoutout to Coach D - it is incredible that they have a former NFL Player helping with P.E.! They also held a birthday party for our son. Amazing and so full of love & care..."
|
||||||
|
- author: Meagan
|
||||||
|
text: "We are incredibly grateful for the support and guidance our child has received from the team at Arizona Institute for Autism. The professionalism and dedication of the team have made a remarkable difference in our child's development. They truly care about each child's growth and tailor their approach to meet individual needs. Our child has made significant strides in communication and social skills, and we couldn't be happier with the positive impact they've had on our family. Highly recommend AIA."
|
||||||
|
- author: Macey
|
||||||
|
text: "We love AIA, you can expect amazing staff and a clean facility. Along with a safe environment for your children. We love the mission behind AIA and feel like there's no other place here in Arizona that does what they do here."
|
||||||
|
- author: S.L.
|
||||||
|
text: "My son has developed faster and been happier at this Autism center over all others he's experienced. The therapist/teachers and all the way to the Rula the manager have gone above and beyond to work with my son's special needs. As every Autistic child is different they have developed a plan specifically fit to him. We have weekly meetings to join our knowledge to develop my son as quickly and efficiently comfortably for him as possible. I'm blown away by how I finally feel like part of a team that is my son's team. Thank you."
|
||||||
|
- author: Emily
|
||||||
|
text: "AIA is phenomenal!!! Rula and her staff are fantastic. They are patient, professional, compassionate and extremely knowledgeable. My son loves his providers. They have helped me navigate some extremely tough times. I highly recommend AIA."
|
||||||
|
- author: Raye
|
||||||
|
text: "I absolutely love it here! They care about your child so much! They work with you when it comes to your schedule. They are all so very friendly here. Anytime I step in here I feel a warm welcoming from everyone. My son loves coming here. They care about helping your child succeed in every possible way, my din is going to flourish here!"
|
||||||
|
- author: Danielle
|
||||||
|
text: "AIA has done wonders for my son. I drive from NW Peoria just to come here. Everyone is very professional and kind. They truly care about the kids and seeing them succeed. I'm so lucky to have found them. I would recommend them to anyone!"
|
||||||
|
- author: Tim
|
||||||
|
text: "The staff at AIA is my second family. Not only does my son receive the best care possible, they also keep me in check and help make sure I'm doing my part. That's the kind of love you get in this big family!"
|
||||||
---
|
---
|
||||||
|
|||||||
@@ -136,8 +136,13 @@
|
|||||||
.director-card img { border-radius: 3px ;height: auto; margin: 0 auto; width: 100%; }
|
.director-card img { border-radius: 3px ;height: auto; margin: 0 auto; width: 100%; }
|
||||||
.director-card h3 { font-family: var(--font-body); font-size: .84rem; letter-spacing: .5px; margin-top: 1rem; }
|
.director-card h3 { font-family: var(--font-body); font-size: .84rem; letter-spacing: .5px; margin-top: 1rem; }
|
||||||
.signature { max-width: 270px; }
|
.signature { max-width: 270px; }
|
||||||
.testimonial-section blockquote { margin: 2rem auto; max-width: 720px; text-align: center; }
|
.testimonial-section blockquote { margin: 0 auto; max-width: 720px; padding: 0 2rem; text-align: center; }
|
||||||
.testimonial-dots { color: var(--color-accent-strong); letter-spacing: .9rem; text-align: center; }
|
.testimonial-author { font-size: 1.25rem; font-weight: 700; margin-bottom: .5rem; }
|
||||||
|
.testimonial-swiper { --swiper-pagination-bullet-horizontal-gap: 1vw; padding-bottom: 3rem !important; }
|
||||||
|
.testimonial-swiper .swiper-pagination-bullet { background-color: var(--color-accent); opacity: 1; }
|
||||||
|
.testimonial-swiper .swiper-pagination-bullet-active { background-color: var(--color-accent-strong); }
|
||||||
|
.testimonial-swiper .swiper-button-next, .testimonial-swiper .swiper-button-prev { color: var(--color-accent); }
|
||||||
|
.testimonial-swiper .swiper-button-next:hover, .testimonial-swiper .swiper-button-prev:hover { color: var(--color-accent-strong); }
|
||||||
@media (max-width: 760px) {
|
@media (max-width: 760px) {
|
||||||
.utility-inner { justify-content: center; }
|
.utility-inner { justify-content: center; }
|
||||||
.header-inner { min-height: 88px; }
|
.header-inner { min-height: 88px; }
|
||||||
|
|||||||
@@ -81,7 +81,7 @@ export interface DirectorSection {
|
|||||||
export interface TestimonialsSection {
|
export interface TestimonialsSection {
|
||||||
type: 'testimonials';
|
type: 'testimonials';
|
||||||
heading: string;
|
heading: string;
|
||||||
featured: { author: string; paragraphs: string[] };
|
items: { author: string; text: string }[];
|
||||||
}
|
}
|
||||||
|
|
||||||
export type HomeSection =
|
export type HomeSection =
|
||||||
|
|||||||
Reference in New Issue
Block a user