irongit
Sign inRegister
huncholanehuncholane/slroofPublic

going to make testimonial data driven

huncholanehuncholaneauthored
parent 3fa8446commit a8fa7fdc356981b4019fdb1788dd623216623bbdBrowse files

5 files changed, +375 -153

+58-2components/data/teamData.js
@@ -60,7 +60,7 @@ const teamData = [
6060 exp: "15 Years",
6161 email: "zack@monkewifhat.com",
6262 phone: "+1 (816) 665-4838",
63- location: "Austin, TX",
63+ location: "Kansas City, MO",
6464 paragraphs: [
6565 "Zack Stevens brings a wealth of financial acumen and sales prowess to Shaun Lake Roofing. With a degree in finance and business analysis from Kansas State University and 15 years of experience in managing stock portfolios and excelling in sales positions, Zack is a key asset to our team.",
6666 "Zack’s deep understanding of financial management ensures that our company’s resources are allocated efficiently and effectively, contributing to our sustained growth and stability. His strategic insights help us make informed decisions, optimize our budget, and maximize profitability.",
@@ -179,7 +179,63 @@ const teamData = [
179179 facebook: "#",
180180 instagram: "#",
181181 name: "Xander Andre",
182- position: "Marketing Manager",
182+ position: "Marketing Official",
183+ exp: "20 Years",
184+ email: "N/A",
185+ phone: "N/A",
186+ location: "Kansas City, MO",
187+ paragraphs: [
188+ "Xander Andre excels as a community manager and marketing expert, bringing a wealth of experience and strategic insight to his role. With a passion for fostering vibrant communities, Xander is adept at building and nurturing relationships with customers, stakeholders, and online followers. His expertise extends to creating engaging content, managing social media channels, and orchestrating campaigns that resonate with target audiences.",
189+ "In his capacity as a community manager, Xander understands the importance of active engagement and communication. He ensures that community members feel valued and connected through consistent interaction and timely responses. By monitoring discussions, addressing concerns, and facilitating meaningful dialogue, Xander cultivates a supportive environment where community members can thrive and contribute positively to the brand's reputation.",
190+ "As a marketing expert, Xander leverages his understanding of consumer behavior and market trends to develop impactful strategies. Whether launching new products or promoting existing services, he crafts compelling narratives that align with the brand's identity and resonate with its audience. Through data-driven analysis and creative execution, Xander drives visibility and growth, enhancing the brand's market position and achieving measurable results.",
191+ "Overall, Xander Andre's blend of community management expertise and marketing prowess makes him an invaluable asset. His dedication to building strong communities and implementing effective marketing strategies contributes significantly to the success and reputation of the organizations he serves.",
192+ ],
193+ skills: [
194+ {
195+ title: "Community Management",
196+ value: 95,
197+ },
198+ {
199+ title: "Social Media Marketing",
200+ value: 92,
201+ },
202+ {
203+ title: "Content Creation and Management",
204+ value: 90,
205+ },
206+ {
207+ title: "Engagement Strategy Development",
208+ value: 93,
209+ },
210+ {
211+ title: "Customer Relationship Management (CRM)",
212+ value: 94,
213+ },
214+ {
215+ title: "Analytics and Data Interpretation",
216+ value: 88,
217+ },
218+ {
219+ title: "Brand Development",
220+ value: 89,
221+ },
222+ ],
223+ sidenote: {
224+ img: "/assets/img/team/team_details04.jpg",
225+ title:
226+ "Xander Andre: Cultivating Communities and Driving Marketing Excellence",
227+ content:
228+ "Xander Andre is a skilled community manager and marketing expert. His proficiency lies in cultivating engaged communities and leveraging strategic marketing initiatives to enhance brand presence and drive growth.",
229+ quotes: [
230+ "Building communities isn't just about engagement; it's about creating connections that last.",
231+ "Effective marketing begins with understanding and empathizing with your audience.",
232+ "Content should educate, inspire, and resonate with your community.",
233+ "Community feedback is invaluable—it guides us toward continuous improvement.",
234+ "Success in marketing is measured by the relationships we build and nurture.",
235+ "Data tells a story; it's our job to listen, interpret, and respond.",
236+ "Community growth isn't just about numbers; it's about fostering meaningful connections.",
237+ ],
238+ },
183239 },
184240 ];
185241
+64-0components/data/testimonialData.js
@@ -0,0 +1,64 @@
1+const testimonialData = [
2+ {
3+ quote:
4+ "Shaun Lake Roofing responded quickly to my emergency repair request. Their team was professional and thorough, ensuring my roof was secure and leak-free in no time.",
5+ name: "Emily Roberts",
6+ profession: "Accountant",
7+ },
8+ {
9+ quote:
10+ "I'm impressed with the attention to detail Shaun Lake Roofing showed during our roof repair. They explained the process clearly and completed the job ahead of schedule.",
11+ name: "Mark Johnson",
12+ profession: "Teacher",
13+ },
14+ {
15+ quote:
16+ "Shaun Lake Roofing exceeded my expectations with their efficient service and quality workmanship. They restored my roof to like-new condition at a competitive price.",
17+ name: "Sarah Nguyen",
18+ profession: "Nurse",
19+ },
20+ {
21+ quote:
22+ "The team at Shaun Lake Roofing was courteous and knowledgeable. They took the time to inspect my roof thoroughly and provided a comprehensive repair plan that solved all my issues.",
23+ name: "Kevin Adams",
24+ profession: "Engineer",
25+ },
26+ {
27+ quote:
28+ "I highly recommend Shaun Lake Roofing for their professionalism and commitment to customer satisfaction. They handled my roof repair with expertise and left no detail overlooked.",
29+ name: "Jennifer Parker",
30+ profession: "Graphic Designer",
31+ },
32+ {
33+ quote:
34+ "Shaun Lake Roofing's repair crew was punctual and efficient. They completed the job with minimal disruption and left the site clean. I'm grateful for their excellent service.",
35+ name: "Michael Thompson",
36+ profession: "Small Business Owner",
37+ },
38+ {
39+ quote:
40+ "After experiencing storm damage, Shaun Lake Roofing came to the rescue. They not only repaired my roof promptly but also offered valuable advice on maintenance to prevent future issues.",
41+ name: "Laura Mitchell",
42+ profession: "Lawyer",
43+ },
44+ {
45+ quote:
46+ "Choosing Shaun Lake Roofing was the best decision. Their team was responsive and knowledgeable, ensuring my roof repair was done right the first time.",
47+ name: "Daniel Wright",
48+ profession: "IT Specialist",
49+ },
50+ {
51+ quote:
52+ "Shaun Lake Roofing's dedication to quality stood out throughout our repair process. They communicated effectively and delivered results that speak for themselves.",
53+ name: "Rebecca Stewart",
54+ profession: "Marketing Manager",
55+ },
56+ {
57+ quote:
58+ "I'm grateful for Shaun Lake Roofing's expertise in fixing my roof. They provided exceptional service from start to finish, ensuring everything was done with precision and care.",
59+ name: "Andrew Turner",
60+ profession: "Chef",
61+ },
62+];
63+
64+export default testimonialData;
+134-63components/sections/About2.js
@@ -1,69 +1,140 @@
1-import Link from "next/link"
1+import Link from "next/link";
22
33 export default function About2() {
4- return (
5- <>
6- <section className="about-area-two parallax about-bg" data-background="/assets/img/bg/about_bg.jpg">
7- <div className="container">
8- <div className="row align-items-center">
9- <div className="col-lg-6 order-0 order-lg-2">
10- <div className="about-img-wrap-two">
11- <ul className="list-wrap">
12- <li>
13- <div className="year-experience-wrap wow fadeInDown" data-wow-delay=".2s">
14- <div className="icon"><img src="/assets/img/icon/h2_about_icon03.svg" alt="" /></div>
15- <h2 className="title">07 Years <span>Experience</span></h2>
16- </div>
17- </li>
18- <li><img src="/assets/img/images/h2_about_img01.jpg" alt="" className="wow fadeInLeft" data-wow-delay=".4s" /></li>
19- </ul>
20- <ul className="list-wrap">
21- <li><img src="/assets/img/images/h2_about_img02.jpg" alt="" className="wow fadeInRight" data-wow-delay=".2s" /></li>
22- <li><img src="/assets/img/images/h2_about_img03.jpg" alt="" className="wow fadeInUp" data-wow-delay=".4s" /></li>
23- </ul>
24- </div>
25- </div>
26- <div className="col-lg-6">
27- <div className="about-content-two">
28- <div className="section-title mb-30">
29- <span className="sub-title">About Our Company</span>
30- <h2 className="title">We’re Committed to Roofing Excellence</h2>
31- </div>
32- <p>There are many variations of passages of Lorem Ipsum available, but the majori have suffered alteration in some form, by injected humour, or randomised word which don't look even slightly believable.</p>
33- <div className="about-list-two">
34- <ul className="list-wrap">
35- <li className="list-item">
36- <div className="icon">
37- <img src="/assets/img/icon/h2_about_icon01.svg" alt="" />
38- </div>
39- <div className="content">
40- <h5 className="title">Mission Statement Roofing</h5>
41- </div>
42- </li>
43- <li className="list-item">
44- <div className="icon">
45- <img src="/assets/img/icon/h2_about_icon02.svg" alt="" />
46- </div>
47- <div className="content">
48- <h5 className="title">Our Core Time Values Lenthlyness</h5>
49- </div>
50- </li>
51- </ul>
52- </div>
53- <Link href="/about" className="btn">Learn More</Link>
54- </div>
55- </div>
4+ return (
5+ <>
6+ <section
7+ className="about-area-two parallax about-bg"
8+ data-background="/assets/img/bg/about_bg.jpg"
9+ >
10+ <div className="container">
11+ <div className="row align-items-center">
12+ <div className="col-lg-6 order-0 order-lg-2">
13+ <div className="about-img-wrap-two">
14+ <ul className="list-wrap">
15+ <li>
16+ <div
17+ className="year-experience-wrap wow fadeInDown"
18+ data-wow-delay=".2s"
19+ >
20+ <div className="icon">
21+ <img
22+ src="/assets/img/icon/h2_about_icon03.svg"
23+ alt=""
24+ />
25+ </div>
26+ <h2 className="title">
27+ 07 Years <span>Experience</span>
28+ </h2>
5629 </div>
30+ </li>
31+ <li>
32+ <img
33+ src="/assets/img/images/h2_about_img01.jpg"
34+ alt=""
35+ className="wow fadeInLeft"
36+ data-wow-delay=".4s"
37+ />
38+ </li>
39+ </ul>
40+ <ul className="list-wrap">
41+ <li>
42+ <img
43+ src="/assets/img/images/h2_about_img02.jpg"
44+ alt=""
45+ className="wow fadeInRight"
46+ data-wow-delay=".2s"
47+ />
48+ </li>
49+ <li>
50+ <img
51+ src="/assets/img/images/h2_about_img03.jpg"
52+ alt=""
53+ className="wow fadeInUp"
54+ data-wow-delay=".4s"
55+ />
56+ </li>
57+ </ul>
58+ </div>
59+ </div>
60+ <div className="col-lg-6">
61+ <div className="about-content-two">
62+ <div className="section-title mb-30">
63+ <span className="sub-title">About Our Company</span>
64+ <h2 className="title">
65+ We’re Committed to Roofing Excellence
66+ </h2>
5767 </div>
58- <div className="about-shape-wrap">
59- <ul className="list-wrap">
60- <li><img src="/assets/img/images/about_shape01.png" className="layer" data-depth="0.3" alt="" /></li>
61- <li><img src="/assets/img/images/about_shape02.png" className="layer" data-depth="0.3" alt="" /></li>
62- <li><img src="/assets/img/images/about_shape03.png" className="layer" data-depth="0.2" alt="" /></li>
63- </ul>
68+ <p>
69+ There are many variations of passages of Lorem Ipsum
70+ available, but the majori have suffered alteration in some
71+ form, by injected humour, or randomised word which don't look
72+ even slightly believable.
73+ </p>
74+ <div className="about-list-two">
75+ <ul className="list-wrap">
76+ <li className="list-item">
77+ <div className="icon">
78+ <img
79+ src="/assets/img/icon/h2_about_icon01.svg"
80+ alt=""
81+ />
82+ </div>
83+ <div className="content">
84+ <h5 className="title">Mission Statement Roofing</h5>
85+ </div>
86+ </li>
87+ <li className="list-item">
88+ <div className="icon">
89+ <img
90+ src="/assets/img/icon/h2_about_icon02.svg"
91+ alt=""
92+ />
93+ </div>
94+ <div className="content">
95+ <h5 className="title">
96+ Our Core Time Values Lenthlyness
97+ </h5>
98+ </div>
99+ </li>
100+ </ul>
64101 </div>
65- </section>
66-
67- </>
68- )
102+ <Link href="/about" className="btn">
103+ Learn More
104+ </Link>
105+ </div>
106+ </div>
107+ </div>
108+ </div>
109+ <div className="about-shape-wrap">
110+ <ul className="list-wrap">
111+ <li>
112+ <img
113+ src="/assets/img/images/about_shape01.png"
114+ className="layer"
115+ data-depth="0.3"
116+ alt=""
117+ />
118+ </li>
119+ <li>
120+ <img
121+ src="/assets/img/images/about_shape02.png"
122+ className="layer"
123+ data-depth="0.3"
124+ alt=""
125+ />
126+ </li>
127+ <li>
128+ <img
129+ src="/assets/img/images/about_shape03.png"
130+ className="layer"
131+ data-depth="0.2"
132+ alt=""
133+ />
134+ </li>
135+ </ul>
136+ </div>
137+ </section>
138+ </>
139+ );
69140 }
+119-85components/sections/Testimonial1.js
@@ -1,91 +1,125 @@
1-import Slider from "react-slick"
1+import Slider from "react-slick";
22 const settings = {
3- dots: true,
4- infinite: true,
5- speed: 1000,
6- autoplay: false,
7- arrows: false,
8- slidesToShow: 1,
9- slidesToScroll: 1,
10-}
3+ dots: true,
4+ infinite: true,
5+ speed: 1000,
6+ autoplay: false,
7+ arrows: false,
8+ slidesToShow: 1,
9+ slidesToScroll: 1,
10+};
1111
12+function TestimonialItem(props) {}
1213
1314 export default function Testimonial1() {
14- return (
15- <>
16- <section className="testimonial-area pt-115 pb-120">
17- <div className="container">
18- <div className="row align-items-center">
19- <div className="col-lg-6 wow fadeInLeft" data-wow-delay=".2s">
20- <div className="testimonial-img">
21- <img src="/assets/img/images/testimonial_img.jpg" alt="" />
22- </div>
23- </div>
24- <div className="col-lg-6">
25- <div className="testimonial-content">
26- <div className="section-title mb-45 tg-heading-subheading animation-style3">
27- <span className="sub-title tg-element-title">Our Testimonial</span>
28- <h2 className="title tg-element-title">Some of Our Respected Happy Clients Says</h2>
29- </div>
30- <Slider {...settings} className="testimonial-active">
31- <div className="testimonial-item">
32- <div className="testimonial-icon">
33- <i className="fas fa-quote-left" />
34- </div>
35- <div className="testimonial-content">
36- <p>There are many varation of paissages of Lorem as the Ipum available but our majority have sufferied alterations in some form, by our by injected hsumour randomised worids which don't looks even slightly there as believable. If you going to use a passage of Lorem Ipsum.</p>
37- </div>
38- <div className="testimonial-avatar">
39- <div className="avatar-thumb">
40- <img src="/assets/img/images/testi_avatar01.png" alt="" />
41- </div>
42- <div className="avatar-content">
43- <h6 className="title">Darrell Steward</h6>
44- <p>Roofing Expert</p>
45- </div>
46- </div>
47- </div>
48- <div className="testimonial-item">
49- <div className="testimonial-icon">
50- <i className="fas fa-quote-left" />
51- </div>
52- <div className="testimonial-content">
53- <p>There are many varation of paissages of Lorem as the Ipum available but our majority have sufferied alterations in some form, by our by injected hsumour randomised worids which don't looks even slightly there as believable. If you going to use a passage of Lorem Ipsum.</p>
54- </div>
55- <div className="testimonial-avatar">
56- <div className="avatar-thumb">
57- <img src="/assets/img/images/testi_avatar01.png" alt="" />
58- </div>
59- <div className="avatar-content">
60- <h6 className="title">Darrell Steward</h6>
61- <p>Roofing Expert</p>
62- </div>
63- </div>
64- </div>
65- <div className="testimonial-item">
66- <div className="testimonial-icon">
67- <i className="fas fa-quote-left" />
68- </div>
69- <div className="testimonial-content">
70- <p>There are many varation of paissages of Lorem as the Ipum available but our majority have sufferied alterations in some form, by our by injected hsumour randomised worids which don't looks even slightly there as believable. If you going to use a passage of Lorem Ipsum.</p>
71- </div>
72- <div className="testimonial-avatar">
73- <div className="avatar-thumb">
74- <img src="/assets/img/images/testi_avatar01.png" alt="" />
75- </div>
76- <div className="avatar-content">
77- <h6 className="title">Darrell Steward</h6>
78- <p>Roofing Expert</p>
79- </div>
80- </div>
81- </div>
82- </Slider>
83- </div>
84- </div>
85- </div>
15+ return (
16+ <>
17+ <section className="testimonial-area pt-115 pb-120">
18+ <div className="container">
19+ <div className="row align-items-center">
20+ <div className="col-lg-6 wow fadeInLeft" data-wow-delay=".2s">
21+ <div className="testimonial-img">
22+ <img src="/assets/img/images/testimonial_img.jpg" alt="" />
23+ </div>
24+ </div>
25+ <div className="col-lg-6">
26+ <div className="testimonial-content">
27+ <div className="section-title mb-45 tg-heading-subheading animation-style3">
28+ <span className="sub-title tg-element-title">
29+ Our Testimonial
30+ </span>
31+ <h2 className="title tg-element-title">
32+ Some of Our Respected Happy Clients Says
33+ </h2>
8634 </div>
87- </section>
88-
89- </>
90- )
35+ <Slider {...settings} className="testimonial-active">
36+ <div className="testimonial-item">
37+ <div className="testimonial-icon">
38+ <i className="fas fa-quote-left" />
39+ </div>
40+ <div className="testimonial-content">
41+ <p>
42+ There are many varation of paissages of Lorem as the
43+ Ipum available but our majority have sufferied
44+ alterations in some form, by our by injected hsumour
45+ randomised worids which don't looks even slightly there
46+ as believable. If you going to use a passage of Lorem
47+ Ipsum.
48+ </p>
49+ </div>
50+ <div className="testimonial-avatar">
51+ <div className="avatar-thumb">
52+ <img
53+ src="/assets/img/images/testi_avatar01.png"
54+ alt=""
55+ />
56+ </div>
57+ <div className="avatar-content">
58+ <h6 className="title">Darrell Steward</h6>
59+ <p>Roofing Expert</p>
60+ </div>
61+ </div>
62+ </div>
63+ <div className="testimonial-item">
64+ <div className="testimonial-icon">
65+ <i className="fas fa-quote-left" />
66+ </div>
67+ <div className="testimonial-content">
68+ <p>
69+ There are many varation of paissages of Lorem as the
70+ Ipum available but our majority have sufferied
71+ alterations in some form, by our by injected hsumour
72+ randomised worids which don't looks even slightly there
73+ as believable. If you going to use a passage of Lorem
74+ Ipsum.
75+ </p>
76+ </div>
77+ <div className="testimonial-avatar">
78+ <div className="avatar-thumb">
79+ <img
80+ src="/assets/img/images/testi_avatar01.png"
81+ alt=""
82+ />
83+ </div>
84+ <div className="avatar-content">
85+ <h6 className="title">Darrell Steward</h6>
86+ <p>Roofing Expert</p>
87+ </div>
88+ </div>
89+ </div>
90+ <div className="testimonial-item">
91+ <div className="testimonial-icon">
92+ <i className="fas fa-quote-left" />
93+ </div>
94+ <div className="testimonial-content">
95+ <p>
96+ There are many varation of paissages of Lorem as the
97+ Ipum available but our majority have sufferied
98+ alterations in some form, by our by injected hsumour
99+ randomised worids which don't looks even slightly there
100+ as believable. If you going to use a passage of Lorem
101+ Ipsum.
102+ </p>
103+ </div>
104+ <div className="testimonial-avatar">
105+ <div className="avatar-thumb">
106+ <img
107+ src="/assets/img/images/testi_avatar01.png"
108+ alt=""
109+ />
110+ </div>
111+ <div className="avatar-content">
112+ <h6 className="title">Darrell Steward</h6>
113+ <p>Roofing Expert</p>
114+ </div>
115+ </div>
116+ </div>
117+ </Slider>
118+ </div>
119+ </div>
120+ </div>
121+ </div>
122+ </section>
123+ </>
124+ );
91125 }
+0-3pages/about.js
@@ -93,9 +93,6 @@ export default function About() {
9393 </li>
9494 </ul>
9595 </div>
96- <Link href="/about" className="btn">
97- Learn More
98- </Link>
9996 </div>
10097 </div>
10198 </div>